/* wollmann.it */










































































































































































































@font-face{font-family:'Patrick Hand';src:local('Patrick Hand'),url(../fonts/PatrickHand-Regular.woff2) format('woff2'),url(../fonts/PatrickHand-Regular.woff) format('woff'),url(../fonts/PatrickHand-Regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}:root{--hdr-height:86px}*,*::before,*::after{box-sizing:border-box}html,body{width:100%;overflow-x:hidden!important}@media (max-width:768px){html,body{touch-action:pan-y}}body{margin:0;position:relative;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;font-family:'Segoe UI',sans-serif;color:#333;background-color:#fff;background-image:linear-gradient(to top,#fff0 70%,#ffffff 100%),repeating-linear-gradient(to bottom,rgb(176 176 176 / .2) 0,rgb(176 176 176 / .2) 2px,transparent 2px,transparent 25px),repeating-linear-gradient(to right,rgb(176 176 176 / .2) 0,rgb(176 176 176 / .2) 2px,transparent 2px,transparent 25px);background-size:100% 200vh,25px 25px,25px 25px;background-repeat:no-repeat,repeat,repeat;background-attachment:fixed,fixed,fixed;padding-top:88px;padding-bottom:40px}body::before{content:'';position:absolute;top:calc(72px + 90px);bottom:calc(136px + 10px);width:60px;left:calc((100vw - min(100vw, 1200px))/2 - 25px);background-image:url(../img/pattern.png);background-repeat:repeat-y;background-size:54px 47px;background-position:left top;pointer-events:none;z-index:2;display:none!important}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}header{position:fixed;top:0;left:0;width:100%;height:72px;padding:12px 15px;background:rgb(255 255 255 / .7);box-sizing:border-box;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgb(0 0 0 / .5);box-shadow:0 2px 6px rgb(0 0 0 / .2);z-index:10;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:linear-gradient(to right,rgb(255 255 255 / .7) 0,rgb(255 255 255 / .7) 350px,#fff0 550px,#fff0 100%)}header>*{position:relative;z-index:2}header img.logo{height:52px;width:auto;margin-bottom:2px}.title-block{display:flex;flex-direction:column;flex:1;min-width:0}header h1{margin:0;font-size:26px;color:#000}.subline{margin-top:-4px;font-size:15px;font-weight:550;font-style:oblique;color:#b00036;white-space:normal;font-family:'Segoe UI',sans-serif;transform:translateX(20px);opacity:0;animation:sublineSlideIn 0.6s ease-out 0.2s forwards}#lcp-banner{width:100%;height:auto;position:absolute;top:0;left:0;z-index:0;opacity:0;pointer-events:none}.lcp-hack{position:absolute;width:1px;height:1px;opacity:0!important;pointer-events:none;overflow:hidden;z-index:-9999}.lcp-hack img,.lcp-hack source{width:1px!important;height:1px!important;opacity:0!important;pointer-events:none;overflow:hidden;display:block!important}main{position:relative;z-index:1;flex:1 0 auto;max-width:1200px;margin:30px auto;padding:0 24px 40px 30px;background:rgb(255 255 255 / .5);border-radius:8px;box-shadow:0 4px 10px rgb(0 0 0 / .08);border:2px solid #ccc;outline:2px solid #fff0;outline-offset:-2px;overflow:visible!important;animation:borderFlash 50s ease-in-out infinite}@keyframes borderFlash{0%,1%{outline-color:#fff0;box-shadow:none}3%{outline-color:#fff;box-shadow:0 0 0 1px rgb(255 255 255 / .9),0 0 20px 10px rgb(255 255 255 / .5)}4%{outline-color:#fff;box-shadow:0 0 0 1px rgb(255 255 255 / .9),0 0 20px 10px rgb(255 255 255 / .5)}6%{outline-color:#ccc;box-shadow:0 4px 10px rgb(0 0 0 / .08)}100%{outline-color:#ccc;box-shadow:0 4px 10px rgb(0 0 0 / .08)}}@media (max-width:768px){main{overflow:visible!important}}.banner-bg-wrapper{position:fixed;top:0;left:0;width:100%;aspect-ratio:16/5;max-height:600px;min-height:300px;overflow:hidden;perspective:800px;z-index:1}.banner-layer{position:absolute;top:50%;left:50%;width:100%;height:100%;background-size:cover;background-position:center;transform:translate(-50%,-50%);will-change:transform,opacity;opacity:0;transition:opacity 4s ease;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 90%);mask-image:linear-gradient(to bottom,black 0%,transparent 90%);mask-mode:alpha}.layer-bottom{opacity:1;z-index:1}.layer-top{z-index:2}.intro{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;padding:32px;perspective:800px;margin-top:40px}.intro picture{display:block;perspective:800px;-webkit-perspective:800px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.intro img{width:160px;max-width:100%;border-radius:50%;object-fit:cover;align-self:center}.intro .text{flex:1;background:rgb(187 165 148 / .2);border-left:1px solid #b00036;padding:16px;border-radius:4px;backdrop-filter:blur(6.8px);-webkit-backdrop-filter:blur(6.8px)}.intro h2{margin:0 0 8px;font-size:22px;color:#b00036}.intro-list{margin:0;padding-left:16px;list-style:disc inside}.intro-list li{margin-bottom:8px}section{padding:16px 32px}section h2{margin:0 0 6px;font-size:20px;color:#b00036}.h2dark{color:#444!important}section p,section ul{margin:6px 0;line-height:1.6}section[id]{scroll-margin-top:88px}.enumeration ul{margin:12px 0;padding-left:20px}.enumeration li{margin-bottom:4px;line-height:20px;opacity:0;transform:translateX(100px);transition:transform 0.6s ease-out,opacity 0.6s ease-out}.enumeration li.visible{opacity:1;transform:translateX(0)}.enumeration li::marker{color:#b00036}.profile-pic{width:160px;max-width:100%;border-radius:50%;object-fit:cover;backface-visibility:hidden;transform-style:preserve-3d;opacity:0;box-shadow:0 0 2px 1px rgb(0 0 0 / .3);border:2px solid rgb(255 255 255 / .7)}.profile-pic.animate{animation:cinematic-photo 0.8s ease-out both}.text{flex:1;background:#f9f9f9;border-left:1px solid #b00036;padding:16px;border-radius:4px;backface-visibility:hidden;transform-style:preserve-3d;opacity:0}.text.animate{animation:cinematic-text 0.6s ease-out 0.2s forwards}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.call-button{position:fixed;left:0;width:40px;height:52px;display:none;opacity:0;transform:translateX(-100px);align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-top-right-radius:12px;border-bottom-right-radius:12px;border-top:1px solid rgb(0 0 0 / .5);border-right:1px solid rgb(0 0 0 / .5);border-bottom:1px solid rgb(0 0 0 / .5);border-left:none;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .4),0 2px 6px rgb(0 0 0 / .12);cursor:pointer;transition:transform 0.6s ease-out,opacity 0.6s ease-out,background 0.2s ease,box-shadow 0.2s ease;z-index:11;.call-button{transition:transform 0.6s ease-out,opacity 0.6s ease-out}top:calc(var(--hdr-height) + 8px)}.call-button::before{content:'';position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:40%;background:linear-gradient(to bottom,rgb(255 255 255 / .5),#fff0);border-top-right-radius:8px;pointer-events:none}.call-button img{width:24px;height:24px;filter:brightness(0) invert(1)}.call-button:focus{outline:none}.call-button.whatsapp-button{top:calc(var(--hdr-height) + 8px + 52px + 12px);background:linear-gradient(145deg,rgb(255 255 255 / .3) 0%,rgb(20 120 50 / .3) 60%,rgb(20 120 50 / .25) 100%)}.call-button.whatsapp-button img{filter:none}.call-button.phone-button.slide-in-left{transition-delay:0s,0s,0s,0s}.call-button.whatsapp-button.slide-in-left{transition-delay:0.2s,0.2s,0s,0s}.call-button.phone-button.slide-out-left{transition-delay:0s,0s,0s,0s}.call-button.whatsapp-button.slide-out-left{transition-delay:0.2s,0.2s,0s,0s}.footer-info{display:flex;flex-wrap:wrap;gap:150px;padding:32px;margin-top:40px;margin-left:50px!important}.footer-info h3{margin:0 0 6px;color:#000}.footer-info .section p{display:flex;align-items:center;gap:20px;margin:4px 0;line-height:1.3}.footer-info .section p .label{min-width:60px;margin-right:8px}footer{position:fixed;bottom:0;left:0;width:100%;padding:5px;background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -1px 6px rgb(0 0 0 / .1);text-align:center;font-size:14px;color:#444;z-index:1000}.heart{display:inline-block;transform-origin:center;animation:heartbeat 2s infinite}a{color:#b00036;text-decoration:none}@keyframes sublineSlideIn{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes heartbeat{0%,100%{transform:scale(1)}10%{transform:scale(1.3)}20%{transform:scale(1)}30%{transform:scale(1.2)}40%{transform:scale(1)}}@keyframes cinematic-photo{0%{opacity:0;transform:translateZ(-200px) rotateY(60deg);filter:blur(20px)}60%{opacity:1;transform:translateZ(30px) rotateY(-10deg);filter:blur(5px)}100%{opacity:1;transform:translateZ(0) rotateY(0);filter:blur(0)}}@keyframes cinematic-text{0%{opacity:0;transform:translateX(150px)}60%{opacity:1;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}@keyframes slideIn{0%{transform:translateX(100%) translateY(-50%);opacity:0}70%{transform:translateX(0) translateY(-50%);opacity:1}100%{transform:translateX(0) translateY(-50%);opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes stylishBlink{0%,100%{color:#b00036;filter:none;transform:translateY(0)}30%{color:#a8e6cf;filter:drop-shadow(0 0 8px rgb(168 230 207 / .6));transform:translateY(-3px)}60%{color:#b00036;filter:drop-shadow(0 0 4px rgb(176 0 54 / .4));transform:translateY(0)}}@keyframes slideInFromRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}#popup-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:280px;max-width:80vw;background:rgb(30 30 30 / .5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:15px;box-shadow:0 8px 32px rgb(0 0 0 / .5);color:#fff;font-family:'Segoe UI',sans-serif;font-size:1.1em;font-weight:500;text-align:center;padding:20px 30px;opacity:0;z-index:9999;transition:opacity 0.6s ease,transform 0.6s ease;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#popup-message.visible{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.heading-quote{position:relative}.heading-quote::before{content:"“";font-family:"Georgia",serif;font-size:1.8em;color:#b00036;margin-right:.2em;vertical-align:middle}.mobile-break{display:none}.indent{padding-left:10px}#reviews-container{border-left:1px solid #b00036;padding:15px;margin:10px;width:90%;position:relative;overflow:hidden;border-radius:8px;transition:height 0.6s ease}#reviews-container .review{color:#555}.review{position:absolute;top:50%;left:15px;right:15px;font-family:'Georgia',serif;font-size:18px;font-style:italic;line-height:25px;color:#777;transform:translateY(-50%);opacity:0}.review.in{animation:slideIn 1.2s cubic-bezier(.25,.1,.25,1) forwards}.review.out{animation:fadeOut 0.6s ease-in forwards}.review::before{content:"„"}.review::after{content:"“"}hr.divider{display:block;width:95%;margin:40px auto;border:none;border-top:1px solid rgb(100 100 100 / .6);opacity:0;transform:translateX(100px);transition:transform 0.8s ease-out,opacity 0.8s ease-out}hr.divider.visible{opacity:1;transform:translateX(0)}.slide-in,.visible{transition:transform 0.8s ease-out,opacity 0.8s ease-out}.slide-in{opacity:0;transform:translateX(100px)}.visible{opacity:1;transform:translateX(0)}.slide-in-right{opacity:0;transform:translateX(100px)}.visible-right{animation:slideInFromRight 0.8s ease-out forwards}#kundenmeinungen+.schriftzug-wrapper{margin-top:40px!important}#reviews-container{transition:height 0.6s ease}.hashtag{color:#b00036}.address-flex{display:flex;align-items:flex-start}@media (max-width:768px){.call-button.slide-in-left{display:flex!important;transform:translateX(0);opacity:1}.call-button.slide-out-left{display:flex!important;transform:translateX(-100px);opacity:0}header{display:flex!important;flex-direction:row!important;align-items:center!important;padding:12px!important;height:auto!important;min-height:72px!important;gap:8px}header img.logo{height:70px!important;width:auto;margin-left:-2px;margin-bottom:0px!important}.title-block{margin-left:4px}header .title-block h1,header .title-block .subline{white-space:normal!important;word-break:break-word!important;max-width:100%!important}.subline{font-size:16px!important;line-height:1.2;white-space:normal}.mobile-break{display:block}.banner-bg-wrapper{top:0;left:0;aspect-ratio:auto;background:url(../img/banner/banner_mobile.webp) center center / cover no-repeat;height:240px!important;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%)!important;mask-image:linear-gradient(to bottom,black 0%,transparent 100%)!important;mask-mode:alpha!important}.intro{flex-direction:column;align-items:center;gap:8px}.intro .text{background:rgb(249 249 249 / .3)!important}.intro img{margin:0 auto}.intro img.profile-pic{margin-bottom:15px}main{margin:20px 10px 0 10px!important;padding:0 16px 32px!important}.intro,section,.footer-info{padding:24px 16px}.footer-info .section p{display:block}#bg-canvas{display:none!important}.call-button{display:flex}}@media print{@page{size:A4 portrait;margin-top:20mm;margin-right:15mm;margin-bottom:15mm;margin-left:15mm}body{margin:0;padding:0;overflow:visible!important;background-image:none!important}.mobile-break{display:none}header,main{margin-top:0}#bg-canvas,footer,.banner-bg-wrapper{display:none!important}header{position:static!important;display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border-bottom:1px solid #b00036!important}header img.logo{height:46px!important;width:auto;margin-right:4px!important;margin-bottom:-4px!important;content:url(../img/logo_print.png)!important}header .title-block{display:flex!important;flex-direction:column!important;margin:0!important}.call-button,.call-button::before,.call-button.slide-in-left,.call-button.slide-out-left{display:none!important;content:none!important;border:none!important;box-shadow:none!important;visibility:hidden!important}main{box-shadow:none!important;border:none!important;outline:0px!important;background-color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#kundenmeinungen,#ausgewaehlte-projekte{display:none!important}.slide-in,.visible,.slide-in-right,.visible-right,.enumeration li{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}section{break-inside:avoid!important;page-break-inside:avoid!important}section h2,section h2+p{break-after:avoid!important;page-break-after:avoid!important}.footer-info{break-inside:avoid!important;page-break-inside:avoid!important;page-break-before:always!important}.footer-info::before{content:'';display:block;height:5mm;margin:0;padding:0}*,*::before,*::after{-webkit-mask-image:none!important;mask-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important;filter:none!important}hr.divider,hr.divider.visible{opacity:1!important;border-top:1px!important;transform:none!important;display:block!important;height:1px!important;background-color:#646464!important;margin:40px auto!important;break-inside:avoid!important;page-break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.page-break{page-break-before:always;break-before:page}.intro{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:24px!important;margin-top:10mm!important}.intro img.profile-pic{opacity:1!important;transform:none!important;display:block!important;width:160px!important;height:auto!important;margin-right:16px!important}.intro .text{border-left:.5mm solid #b00036!important;flex:1 1 auto!important;clear:none!important;background-color:#fff!important}.call-button{display:none}.schriftzug-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;margin-top:0!important;margin-bottom:5mm!important}.schriftzug-wrapper img{max-width:40%!important;height:auto!important}#netzwerkmanagement{padding:0 16px!important}#netzwerkmanagement+.schriftzug-wrapper{margin:0!important}#kundenmeinungen+.schriftzug-wrapper{margin-top:0px!important}.badges-row{display:none!important;visibility:hidden!important}}.badges-row{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:40px;margin-bottom:20px;padding-right:30px;flex-wrap:wrap;opacity:0;transform:translateX(100px);transition:transform 0.8s ease-out,opacity 0.8s ease-out;z-index:10;position:relative}.badges-row.visible{opacity:1;transform:translateX(0)}.badges-row img{height:35px}@media (max-width:768px){.badges-row{justify-content:center;padding-right:0}}.schriftzug-wrapper{display:flex;justify-content:center;margin:80px auto 20px auto;opacity:0;transform:translateX(100px);transition:transform 0.8s ease-out,opacity 0.8s ease-out}.schriftzug-wrapper.visible{opacity:1;transform:translateX(0)}.schriftzug-wrapper img{max-width:40%;height:auto}@media (max-width:768px){#kundenmeinungen{margin-bottom:30px!important}.schriftzug-wrapper{margin-top:0px!important}.schriftzug-wrapper img{max-width:90%}}#side-image-wrapper{position:fixed;left:calc((100vw - 1200px)/2 + 1200px - 120px);bottom:0;z-index:11;opacity:0;pointer-events:none;transition:opacity 0.5s ease-in-out}#side-image-wrapper img{display:block;width:auto;max-width:30vw;max-height:50vh}@media print{#side-image-wrapper{display:none!important}}@media print,(max-width:768px){.intro{margin-top:0px!important}.footer-info .section p{display:grid!important;grid-template-columns:60px auto;column-gap:8px;align-items:start;margin:4px 0!important}.banner-layer{display:none!important}header::before{display:none!important}body{background-image:none!important}body::before{display:none!important}.footer-info .section p .label{grid-column:1;display:block}.footer-info .section p #iban-text{grid-column:2;white-space:nowrap!important;overflow-wrap:normal!important}.footer-info{flex-direction:column!important;gap:50px!important;padding:0!important;margin:0!important}}