@keyframes zoomLoop{0%,100%{transform:scale(1.2)} 50%{transform:scale(1.1)}} [data-animate]{opacity:0;will-change:transform,opacity,filter;transition:all 0.8s cubic-bezier(0.25,1,0.5,1)} [data-animate="fade-in"],[data-animate="fade-out"]{opacity:0} [data-animate="slide-up"]{transform:translateY(100px)} [data-animate="slide-down"]{transform:translateY(-100px)} [data-animate="slide-left"]{transform:translateX(100px)} [data-animate="slide-right"]{transform:translateX(-100px)} [data-animate="zoom-in"]{transform:scale(0.8)} [data-animate="zoom-out"]{transform:scale(1.2)} [data-animate="rotate-in"]{transform:rotate(-180deg)} [data-animate="rotate-out"]{transform:rotate(180deg)} [data-animate="blur-in"],[data-animate="blur-out"]{filter:blur(10px)} [data-animate="fade-slide-up"]{opacity:0;transform:translateY(50px)} [data-animate="fade-slide-down"]{opacity:0;transform:translateY(-50px)} [data-animate="fade-slide-left"]{opacity:0;transform:translateX(50px)} [data-animate="fade-slide-right"]{opacity:0;transform:translateX(-50px)} [data-animate="fade-zoom-in"]{opacity:0;transform:scale(0.85)} [data-animate="fade-zoom-out"]{opacity:0;transform:scale(1.15)} [data-animate="flip-in"]{opacity:0;transform:perspective(400px) rotateX(90deg)} [data-animate="flip-out"]{opacity:0;transform:perspective(400px) rotateX(-90deg)} [data-animate="bounce-in"]{opacity:0;transform:scale(0.3)} [data-animate="bounce-out"]{opacity:0;transform:scale(1.7)} [data-animate].is-visible{opacity:1;transform:none;filter:none} @media (prefers-reduced-motion:reduce){[data-animate]{transition:none !important;transform:none !important;opacity:1 !important;filter:none !important} }:root{--font-headlines:'Raleway',sans-serif;--font-text:'Dico Mono',monospace;--font-size-text:clamp(0.9rem,1.5vw,1.0rem);--font-size-h1:clamp(2.75rem,6vw,5.3125rem);--font-size-h2:clamp(2.25rem,4.5vw,4.5rem);--font-size-h3:clamp(1.75rem,3.5vw,2.25rem);--font-size-h4:clamp(1.4rem,2.8vw,1.8rem);--font-size-h5:clamp(1.2rem,2.4vw,1.5rem);--font-size-h6:clamp(1.1rem,2.2vw,1.3rem);--color-background:#FEF2DE;--color-footer:#C5B986;--color-text:#272727;--color-text-negativ:#FFFFFF;--color-headline:#272727;--color-headline-negativ:#FFFFFF;--color-hg-orange:#FF6A00;--color-hg-orange-light:#FFA701;--color-hg-blue:#5F8ABB;--color-hg-blue-light:#7FA1C7;--color-hg-sand:#CABF91;--color-hg-sand2:#A79C6D;--color-hg-sand-light:#E2DCC2;--color-hg-green:#ABBA90} body{font-family:var(--font-text);line-height:1.6} h1,h2,h3,h4,h5,h6{font-family:var(--font-headlines);margin:0 0 1rem 0;color:var(--color-headline);font-weight:400} h1{font-size:var(--font-size-h1);font-weight:400} h2{font-size:var(--font-size-h2);font-weight:400} h3{font-size:var(--font-size-h3);font-weight:400;line-height:1.3} h4{font-size:var(--font-size-h4)} h5{font-size:var(--font-size-h5)} h6{font-size:var(--font-size-h6)} h1.ftn,h2.ftn,h3.ftn,h4.ftn,h5.ftn,h6.ftn{color:var(--color-headline-negativ)} p{font-family:var(--font-text);font-size:var(--font-size-text);color:var(--color-text)} p.ftn{color:var(--color-text-negativ)} html{box-sizing:border-box;scroll-behavior:smooth;font-size:16px} *,*::before,*::after{box-sizing:inherit} html,body{margin:0;padding:0;overflow-x:hidden;background:var(--color-hg-sand)} *{-webkit-overflow-scrolling:touch} body.pc-green{background:var(--color-hg-green)} body.pc-blue{background:var(--color-hg-blue-light)} body{margin:0;padding:0;color:var(--color-text);overflow-x:hidden;position:relative} .custom-cursor{position:fixed;top:0;left:0;width:12px;height:12px;background:#000;border-radius:50%;pointer-events:none;z-index:9999;transition:transform 0.2s ease,width 0.2s ease,height 0.2s ease;transform:translate(-50%,-50%);mix-blend-mode:normal;box-sizing:border-box} .custom-cursor--hidden{opacity:0} .custom-cursor--hover{width:140px;height:140px;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDYiIGhlaWdodD0iMTA2IiB2aWV3Qm94PSIwIDAgMTA2IDEwNiI+CiAgPGcgaWQ9IkdydXBwZV82MzMiIGRhdGEtbmFtZT0iR3J1cHBlIDYzMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc4NyAtMTE4MCkiPgogICAgPGNpcmNsZSBpZD0iRWxsaXBzZV80IiBkYXRhLW5hbWU9IkVsbGlwc2UgNCIgY3g9IjUzIiBjeT0iNTMiIHI9IjUzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3ODcgMTE4MCkiIGZpbGw9IiNmZmE3MDEiLz4KICAgIDxnIGlkPSJFbGxpcHNlXzUiIGRhdGEtbmFtZT0iRWxsaXBzZSA1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3OTEgMTE4NCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI3MjcyNyIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtZGFzaGFycmF5PSI1IDYiPgogICAgICA8Y2lyY2xlIGN4PSI0OSIgY3k9IjQ5IiByPSI0OSIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxjaXJjbGUgY3g9IjQ5IiBjeT0iNDkiIHI9IjQ4LjUiIGZpbGw9Im5vbmUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=");background-size:cover;padding:10px;box-sizing:border-box} .cursor-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--font-text);font-size:14px;font-weight:600;text-align:center;line-height:1.2;width:calc(100% - 20px);opacity:0;transition:opacity 0.2s ease;pointer-events:none;letter-spacing:0.5px} .custom-cursor--hover .cursor-text{opacity:1} html,body,*{cursor:none !important} .dark-section .custom-cursor{background:#fff} .dark-section .custom-cursor--hover{background:#fff;border-color:#000} .dark-section .custom-cursor--hover .cursor-text{color:#000} *{cursor:none !important} .container{width:min(90%,1920px);margin-inline:auto} section{display:flex;align-items:center;justify-content:center;padding:4rem 0} #app{display:none} #scrc{margin-top:75px;padding-bottom:75px} .img-container{overflow:hidden} .img-container img{scale:1.2} .sw-desktop{display:block} .sw-mobile{display:none} .sw-desktop-flex{display:flex} .sw-mobile-flex{display:none} @media (max-width:768px){.sw-desktop{display:none !important} .sw-mobile{display:block} .sw-desktop-flex{display:none} .sw-mobile-flex{display:flex} } .burger-menu{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:none;border:none;cursor:pointer;padding:0;z-index:10} .burger-menu:hover{background:none} .burger-line{display:block;height:3px;width:100%;background-color:#333;transition:all 0.3s ease} .burger-menu.active .burger-line:nth-child(1){transform:rotate(45deg) translate(9px,8px)} .burger-menu.active .burger-line:nth-child(2){opacity:0} .burger-menu.active .burger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)} .mobile-menu-container{position:fixed;top:75px;left:0;width:100%;height:calc(100vh - 75px);background:var(--color-hg-sand-light);z-index:999;transform:translateX(-100%);transition:transform 0.3s ease;padding:20px 30px 20px} .mobile-menu-container.active{transform:translateX(0)} .mobile-menu-inner{display:flex;flex-direction:column;gap:30px} .mobile-nav{display:flex;flex-direction:column;gap:0px} .mobile-nav-link{padding:20px 0;font-size:22px;text-decoration:none;color:#333;border-bottom:1px solid #eee} .sw-mobile{display:none} @media (max-width:768px){.sw-mobile{display:block} .sw-desktop{display:none} } .page-datenschutz h3,.page-impressum h3{margin-top:50px} .page-datenschutz h4,.page-impressum h4{margin-top:30px;font-size:var(--font-size-h5)} .page-error-404 .container{display:flex;min-height:80vh;align-content:center;justify-content:center;align-items:center} button,.btn,.btn-standard{padding:0.7rem 1.6rem;border-radius:50px;border:none;cursor:pointer;font-family:var(--font-text);font-weight:500;font-size:0.95rem;transition:all 0.3s ease;text-decoration:none;height:47px;display:inline-block;text-align:center;border:1px solid #fff} .btn-standard{background:var(--color-hg-orange);color:var(--color-text-negativ)} .btn{background:var(--color-hg-orange);color:var(--color-text-negativ)} button:hover,.btn:hover,.btn-standard:hover{background:var(--color-hg-orange-light)} header#sh{position:fixed;top:0;left:0;width:100%;height:75px;background:var(--color-hg-sand);backdrop-filter:blur(10px);border-bottom:1px solid #DDDDDD;z-index:1000} body.pc-sand header#sh{background:var(--color-hg-sand-light);border-color:var(--color-hg-sand)} body.pc-green header#sh{background:var(--color-hg-green)} body.pc-blue header#sh{background:var(--color-hg-blue-light)} body.pc-blue header#sh .sh-logo .sh-logo-nv{display:block} body.pc-blue header#sh .sh-logo .sh-logo-nl{display:none} body.pc-sand{background:var(--color-hg-sand-light)} .sh-inner{display:flex;align-items:center;justify-content:space-between;height:100%;width:min(90%,1920px);margin:0 auto} .sh-logo{width:180px;height:28px} .sh-logo img{width:100%} .sh-logo .sh-logo-nv{display:none} .sh-logo.nv .sh-logo-nv{display:block} .sh-logo.nv .sh-logo-nl{display:none} .sh-address{font-size:0.9rem;color:#333;transition:opacity 0.5s ease} .sh-right{gap:1rem} .sh-center,.sh-right{display:flex;opacity:1;margin-top:0px;transition:opacity 0.8s ease-in-out 1.4s,margin-top 0.8s ease-in-out 1.4s} header#sh{background:;transition:background-color 0.8s ease-in-out 1.4s} body.isIntro .sh-center,body.isIntro .sh-right{display:none;opacity:0;margin-top:-30px;transition:opacity 0.8s ease-in-out 0s,margin-top 0.8s ease-in-out 0s} body.isIntro header#sh{background:#FEF2DE;transition:background-color 0.8s ease-in-out 0s} body.outIntro{height:100dvh !important;overflow:hidden !important} header#sh .btn-standard:first-child{margin-right:10px} @media (max-width:768px){.sh-inner{padding:0px 10px;width:min(95%,1920px)} } #sf.container{gap:50px;display:flex;flex-direction:column} .sf-1{display:flex;gap:200px} .sf1-left{} .sf1-left .sf1-logo{margin-bottom:30px} .sf1-right{margin-top:70px;max-width:400px} .sf1-sm{margin-top:15px} .sf1-sm img{max-width:30px} .sf-2{display:flex} #sf.container address{} .sf1-right strong{font-weight:600} footer#sf{width:100%;min-height:10vh;background:var(--color-hg-sand);display:flex;padding:60px 0px} @media (max-width:768px){.sf-1{flex-direction:column;gap:30px} .sf1-right{margin-top:10px;max-width:400px;margin-bottom:70px} } .icon{width:100px;height:100px;display:inline-block;position:relative} .icon::before{content:"";position:absolute;inset:0;border-radius:50%;background-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,0.1)} .ecc-icons li:hover .icon::after{background-color:var(--primary-blue,#1858AE)} .icon::after{content:"";position:absolute;inset:0;mask:no-repeat center / 50%;-webkit-mask:no-repeat center / 50%;background-color:#000} .icon.personal::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_personal.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_personal.svg")} .icon.lagerfeuer::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_lagerfeuer.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_lagerfeuer.svg")} .icon.musikanlage::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_musikanlage.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_musikanlage.svg")} .icon.leinwand::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_leinwand.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_leinwand.svg")} .icon.sektempfang::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_sektempfang.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_sektempfang.svg")} .icon.cocktailbar::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_cocktailbar.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_cocktailbar.svg")} .icon.mikrophone::after{mask-image:url("/wp-content/themes/treibhaus/static/mages/icons/icon_mikrophon.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_mikrophon.svg")} .icon.dekoration::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_blumen.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_blumen.svg")} .icon.dots::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_dots.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_dots.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Geschultes Personal"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_personal.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_personal.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Geschultes Servicepersonal"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_personal.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_personal.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Musikanlage"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_musikanlage.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_musikanlage.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Mikrofon"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_mikrophon.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_mikrophon.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Cocktailbar"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_cocktailbar.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_cocktailbar.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Mobile Cocktailbar"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_cocktailbar.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_cocktailbar.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Lagerfeuer"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_lagerfeuer.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_lagerfeuer.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Leinwand"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_leinwand.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_leinwand.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Sektempfang"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_sektempfang.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_sektempfang.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Blumendekoration- und Konzept"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_blumen.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_blumen.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Kühlschränke"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_kuehlschraenke.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_kuehlschraenke.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Gläser"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_glaeser.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_glaeser.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Mobile Baristabar"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_barista.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_barista.svg")} .wpcf7-form-control.wpcf7-checkbox.checkbox-item .wpcf7-list-item > label:has(input[value="Besteck"])::after{mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_besteck.svg");-webkit-mask-image:url("/wp-content/themes/treibhaus/static/images/icons/icon_besteck.svg")} .ico{display:inline-block;width:24px;height:24px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat} .ico-pin{-webkit-mask-image:url('/wp-content/themes/treibhaus/static/images/app_icons/ico-pin.svg');mask-image:url('/wp-content/themes/treibhaus/static/images/app_icons/ico-pin.svg')} .ico-people{-webkit-mask-image:url('/wp-content/themes/treibhaus/static/images/app_icons/ico-people.svg');mask-image:url('/wp-content/themes/treibhaus/static/images/app_icons/ico-people.svg')} .ico-instagram{-webkit-mask-image:url('/wp-content/themes/treibhaus/static/images/app_icons/ico-instagram.svg');mask-image:url('/wp-content/themes/treibhaus/static/images/app_icons/ico-instagram.svg')} .ico-facebook{-webkit-mask-image:url('/wp-content/themes/treibhaus/static/images/app_icons/ico-facebook.svg');mask-image:url('/wp-content/themes/treibhaus/static/images/app_icons/ico-facebook.svg')} .ico-eye{-webkit-mask-image:url('/wp-content/themes/treibhaus/static/images/app_icons/ico-eye.svg');mask-image:url('/wp-content/themes/treibhaus/static/images/app_icons/ico-eye.svg')} .ico-book{-webkit-mask-image:url('/wp-content/themes/treibhaus/static/images/app_icons/ico-book.svg');mask-image:url('/wp-content/themes/treibhaus/static/images/app_icons/ico-book.svg')} .ico-treibhaus{-webkit-mask-image:url('/wp-content/themes/treibhaus/static/images/th_icon.svg');mask-image:url('/wp-content/themes/treibhaus/static/images/th_icon.svg')} h3 span:after{position:absolute;content:"";margin-left:10px;width:24px;height:24px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url('/wp-content/themes/treibhaus/static/images/th_icon.svg');mask-image:url('/wp-content/themes/treibhaus/static/images/th_icon.svg')} h2.has-icon-blue span:after{position:absolute;content:"";margin-left:10px;width:31px;height:31px;background-color:#5f8abc;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url('/wp-content/themes/treibhaus/static/images/th_icon.svg');mask-image:url('/wp-content/themes/treibhaus/static/images/th_icon.svg')} h3 span{position:relative} .btico{display:flex;align-items:center} .btico .ico{margin-right:5px}