body{font-family:Poppins,sans-serif;color:#272829;padding:0;margin:0}.title{font-family:Raleway,sans-serif}a{color:#0563bb}a:hover{color:#067ded;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}.red-text{color:#ee383d}.back-to-top{position:fixed;display:none;width:40px;height:40px;border-radius:50px;right:15px;bottom:15px;background:#ee383d;color:#fff;transition:display .5s ease-in-out;z-index:99999}.back-to-top i{font-size:24px;position:absolute;top:7px;left:8px}.back-to-top:hover{color:#fff;background:#ff9ea1;transition:.2s ease-in-out}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#fff}#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #ee383d;border-top-color:#fff;border-bottom-color:#fff;border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}@-webkit-keyframes animate-preloader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes animate-preloader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (max-width:768px){[data-aos-delay]{transition-delay:0!important}}#languages{position:absolute;top:40px;right:30px;z-index:1;width:180px}#languages a{color:#fff;font-size:14px}#languages .languages-content{position:relative;right:45px;height:0;overflow:hidden}#languages .active-language{text-align:center}ul.languages-list{list-style-type:none;background-color:#fff;padding:15px 30px;border-radius:20px;position:relative}#languages .lang.active a{color:#ee383d}#languages .lang.unactive a:hover{color:#ee383d}#languages .imga{height:20px;width:20px;position:relative;bottom:1px}.up-arrow{text-align:center;position:relative;top:15px;display:none}.up-arrow.show{display:block}.up-arrow i{color:#fff}#languages ul.languages-list li a{color:#272829;line-height:30px}#languages .languages-content.show{height:auto}#header{position:fixed;top:0;left:0;bottom:0;z-index:9997;transition:all .5s;padding:15px}@media (max-width:992px){#header{width:300px;background:rgba(29,29,29,.9);left:-300px}#header .nav-menu a{background:0 0}#header .nav-menu .active a{background:linear-gradient(to right,#ee383d,#3a4a9d)}#header .nav-menu a span{color:#fff}#header .nav-menu ul img{filter:invert(11%) sepia(37%) saturate(15%) hue-rotate(8deg) brightness(93%) contrast(99%)}#languages{left:20px;top:20px}#languages .languages-content{left:0}.up-arrow{left:-50px}#languages a{color:#a8a8a8}#languages .active-language{text-align:left}}@media (min-width:992px){#main{margin-left:100px}}.nav-menu *{margin:0;padding:0;list-style:none}.nav-menu>ul>li{position:relative;white-space:nowrap}.nav-menu a{display:flex;align-items:center;color:#45505b;padding:10px 16px;margin-bottom:8px;transition:.3s;font-size:18px;border-radius:0px;background:#f2f3f5;height:56px;width:100%;overflow:hidden;transition:.3s;font-weight:300}.nav-menu a span{padding:0 5px 0 7px;color:#45505b}.nav-menu ul img{filter:invert(56%) sepia(7%) saturate(16%) hue-rotate(6deg) brightness(93%) contrast(92%)}.nav-menu ul .active img{filter:invert(11%) sepia(37%) saturate(15%) hue-rotate(8deg) brightness(93%) contrast(99%)}.nav-menu a span{padding:0 5px 0 7px;color:#45505b}.penkweb-logo{height:100px;width:100px;border-radius:100%;display:flex;justify-content:center;align-items:center;transition:.3s;cursor:pointer;position:absolute;top:20px;overflow:visible;z-index:10000}.penkweb-logo a{margin-bottom:0;width:auto!important;background:0 0}.penkweb-logo a:hover{background:0 0!important}.penkweb-logo img{height:50px;width:auto}.penkweb-logo:hover{background-color:rgba(255,255,255,.856)}@media (min-width:992px){.nav-menu a{width:56px}.nav-menu a span{display:none;color:#fff}}.nav-menu .active>a,.nav-menu a:hover,.nav-menu li:hover>a{color:#fff;background:linear-gradient(to right,#ee383d,#3a4a9d)}.nav-menu li:hover>a img{filter:invert(11%) sepia(37%) saturate(15%) hue-rotate(8deg) brightness(93%) contrast(99%)}.nav-menu .active>a span,.nav-menu a:hover span,.nav-menu li:hover>a span{color:#fff}.nav-menu a:hover,.nav-menu li:hover>a{width:100%;color:#fff}.nav-menu a:hover span,.nav-menu li:hover>a span{display:block}.mobile-nav-toggle{display:none;position:fixed;right:15px;top:15px;z-index:9998;border:0;background:0 0;font-size:30px;transition:all .4s;outline:0!important;line-height:1;cursor:pointer;text-align:right}.mobile-nav-toggle i{color:#45505b}.mobile-nav-active{overflow:hidden}.mobile-nav-active #header{left:0}.mobile-nav-active .mobile-nav-toggle i{color:#ee383d}#penkweb{width:100%;height:100vh;background:url(../img/werbeagentur-toggenburg-wil-penkweb.jpg) top right no-repeat;background-size:cover;position:relative}#penkweb .description{width:100%}@media (min-width:992px){#penkweb{padding-left:160px}#penkweb .description{width:60%}}#penkweb:before{content:"";background:rgba(0,0,0,.8);position:absolute;bottom:0;top:0;left:0;right:0}#penkweb h1{margin:0;font-size:80px;font-weight:600;line-height:80px;color:#fff}#unseen{visibility:hidden;position:absolute}#penkweb p{color:#fff;margin:45px 0 0 0;font-size:18px;font-family:Poppins,sans-serif}#penkweb p span{color:#16a3f5;letter-spacing:1px}#penkweb .social-links{margin-top:30px}#penkweb .social-links a{font-size:24px;display:inline-block;color:#fff;line-height:1;margin-right:20px;transition:.3s}#penkweb .social-links a:hover{color:#ee383d}@media (max-width:992px){#penkweb{text-align:center}#penkweb h1{font-size:50px;line-height:50px}#penkweb p{margin:45px 0 0 0;font-size:16px;line-height:24px}.mobile-nav-toggle{display:inline}}section{padding:60px 0;overflow:hidden}.section-title{text-align:center;padding-bottom:30px;margin-bottom:50px}.section-title h2{font-size:50px;font-weight:700;margin-bottom:20px;padding-bottom:20px;position:relative;color:#45505b}.section-title h5{color:#ee383d;font-weight:500;margin-bottom:30px}.section-title h2::before{content:'';position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px)}.section-title h2::after{content:'';position:absolute;display:block;width:40px;height:3px;background:#ee383d;bottom:0;left:calc(50% - 20px)}.section-title p{margin-bottom:0}.about .content h3{font-weight:700;font-size:26px;color:#728394}.about .content ul{list-style:none;padding:0}.about .content ul li{padding-bottom:10px}.about .content p:last-child{margin-bottom:0}.products .products-item{margin-bottom:30px;height:500px;width:100%;display:flex;align-items:center;justify-content:center}.products #products-flters{padding:0;margin:0 auto 25px auto;list-style:none;text-align:center;background:#fff;border-radius:50px;padding:2px 15px}.products #products-flters li{cursor:pointer;display:inline-block;padding:10px 15px;font-size:14px;font-weight:600;line-height:1;text-transform:uppercase;color:#272829;margin-bottom:5px;transition:all .3s ease-in-out}.products #products-flters li.filter-active,.products #products-flters li:hover{color:#ee383d}.products #products-flters li:last-child{margin-right:0}.products .products-wrap{transition:.3s;position:relative;overflow:hidden;z-index:1;display:flex;justify-content:center;width:100%;margin:auto;height:100%}.products .products-wrap::before{content:"";background:rgba(255,255,255,.7);position:absolute;left:30px;right:30px;top:30px;bottom:30px;transition:all ease-in-out .3s;z-index:2;opacity:0}.products .products-wrap .products-info{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;z-index:3;transition:all ease-in-out .3s;display:flex;flex-direction:column;justify-content:center;align-items:center}.products .products-wrap .products-info::before{display:block;content:"";width:48px;height:48px;position:absolute;top:35px;left:35px;border-top:3px solid #d7dce1;border-left:3px solid #d7dce1;transition:all .5s ease 0s;z-index:9994}.products .products-wrap .products-info::after{display:block;content:"";width:48px;height:48px;position:absolute;bottom:35px;right:35px;border-bottom:3px solid #d7dce1;border-right:3px solid #d7dce1;transition:all .5s ease 0s;z-index:9994}.products .products-wrap .products-info h4{font-size:20px;color:#45505b;font-weight:600}.products .products-wrap img{width:100%;height:auto;object-fit:cover}.products .products-wrap .products-info p{color:#45505b;font-size:12px;padding:0;margin:0}.products .products-wrap .products-links{text-align:center;z-index:4}.products .products-wrap .products-links a{color:#45505b;margin:10px 0;font-size:13px;display:inline-block;transition:.3s;border:1px solid #45505b;border-radius:10px;padding:3px 20px}.products .products-wrap .products-links a:hover{color:#f1666b;border:1px solid #f1666b}.products .products-wrap:hover::before{top:0;left:0;right:0;bottom:0;opacity:1}.products .products-wrap:hover .products-info{opacity:1}.products .products-wrap:hover .products-info::before{top:15px;left:15px}.products .products-wrap:hover .products-info::after{bottom:15px;right:15px}@media (max-width:500px){.products .products-item{height:350px}}.about-us .icon-box{border-radius:10px;text-align:center;padding:70px 20px 80px 20px;transition:all ease-in-out .3s;background:#fff;box-shadow:0 15px 20px rgba(65,65,65,.1)}.about-us .icon-box .icon{margin:0 auto;width:100px;height:100px;display:flex;align-items:center;justify-content:center;transition:ease-in-out .3s;position:relative}.about-us .icon-box .icon i{font-size:36px;transition:.5s;position:relative}.about-us .icon-box .icon svg{position:absolute;top:0;left:0}.about-us .icon-box .icon svg path{transition:.5s;fill:#f5f5f5}.about-us .icon-box h4{font-weight:600;margin:10px 0 15px 0;font-size:22px}.about-us .icon-box h4 a{color:#45505b;transition:ease-in-out .3s}.about-us .icon-box p{line-height:24px;font-size:14px;margin-bottom:0}.about-us .icon-box:hover{border-color:#fff;box-shadow:0 20px 10px rgba(65,65,65,.1)}.about-us .iconbox-blue i{color:#ee383d}.about-us .iconbox-blue:hover .icon i{color:#fff}.about-us .iconbox-blue:hover .icon path{fill:#ee383d}.about-us .iconbox-orange i{color:#b14f85}.about-us .iconbox-orange:hover .icon i{color:#fff}.about-us .iconbox-orange:hover .icon path{fill:#b14f85}.about-us .iconbox-pink i{color:#7b53ab}.about-us .iconbox-pink:hover .icon i{color:#fff}.about-us .iconbox-pink:hover .icon path{fill:#7b53ab}.about-us .iconbox-yellow i{color:#4355b1}.about-us .iconbox-yellow:hover .icon i{color:#fff}.about-us .iconbox-yellow:hover .icon path{fill:#4355b1}.about-us .iconbox-red i{color:#e13944}.about-us .iconbox-red:hover .icon i{color:#fff}.about-us .iconbox-red:hover .icon path{fill:#e13944}.about-us .iconbox-teal i{color:#3c50dc}.about-us .iconbox-teal:hover .icon i{color:#fff}.about-us .iconbox-teal:hover .icon path{fill:#3c50dc}.process .modules{display:flex;flex-wrap:wrap;padding-left:0}.process .module{flex:0 0 33.333333%}.module .module-content{padding:30px 15px}.module-box{padding:30px 15px;border-radius:10px;height:200px;transition:all ease-in-out .3s;background:#fff;box-shadow:0 15px 20px rgba(65,65,65,.1);text-align:center}.module-box:hover{border-color:#fff;box-shadow:0 20px 10px rgba(65,65,65,.1)}.module-content h4{font-weight:400;margin:10px 0 15px 0;font-size:22px;color:#45505b;transition:ease-in-out .3s}.module-content h4 a{color:#45505b;transition:ease-in-out .3s}.module-content p{line-height:24px;font-size:13px;margin-bottom:0}.process .number{border-bottom:2px solid #3a4a9d;-webkit-box-shadow:0 0 5px .5px #dc8db8;-moz-box-shadow:0 0 5px .5px #dc8db8;box-shadow:0 0 5px .5px #dc8db8;position:relative;text-align:center}.process .number span{position:absolute;color:#fff;top:-20px;line-height:40px;background:linear-gradient(91.32deg,#ee383d 1.1%,#3b499c 98.9%);height:40px;width:40px;left:calc(50% - 20px);border-radius:10%;-webkit-box-shadow:0 0 4px 7px #dc8db8;-moz-box-shadow:0 0 4px 7px #dc8db8;box-shadow:0 0 4px 7px #dc8db8}@media (max-width:1250px){.process .module{flex:0 0 50%}}@media (max-width:768px){.process .module{flex:0 0 100%}}.contact .info{width:100%;background:#fff}.contact .info i{font-size:20px;color:#ee383d;background:rgba(238,56,61,.1);float:left;width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:50px;transition:all .3s ease-in-out}.contact .info h4{padding:0 0 0 60px;font-size:22px;font-weight:600;margin-bottom:5px;color:#45505b}.contact .info p{padding:0 0 0 60px;margin-bottom:0;font-size:14px;color:#728394}.contact .info .address,.contact .info .phone{margin-top:40px}.contact .info .address:hover i,.contact .info .email:hover i,.contact .info .phone:hover i{background:#ee383d;color:#fff}.contact .php-email-form{width:100%;background:#fff}.contact .php-email-form .form-group{padding-bottom:8px}.contact .php-email-form .validate{display:none;color:red;margin:0 0 15px 0;font-weight:400;font-size:13px}.contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}.contact .php-email-form .error-message br+br{margin-top:25px}.contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}.contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}.contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;-webkit-animation:animate-loading 1s linear infinite;animation:animate-loading 1s linear infinite}.contact .php-email-form button[type=submit]{background:#ff0080;border:0;padding:10px 35px;color:#fff;transition:.4s;border-radius:5px}.contact .php-email-form button[type=submit]:hover{background:#190714}@-webkit-keyframes animate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes animate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#footer{background:#f7f8f9;color:#45505b;font-size:14px;text-align:center;padding:30px 0}#footer h3{font-size:36px;font-weight:700;position:relative;font-family:Poppins,sans-serif;padding:0;margin:0 0 15px 0}#footer p{font-size:15;font-style:italic;padding:0;margin:0 0 40px 0}#footer .social-links{margin:0 0 40px 0}#footer .social-links a{font-size:18px;display:inline-block;background:#ee383d;color:#fff;line-height:1;padding:8px 0;margin-right:4px;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s}#footer .social-links a:hover{background:#f1666b;color:#fff;text-decoration:none}#footer .copyright{margin:0 0 5px 0}#footer .credits{font-size:13px}#footer .footer-links{margin-bottom:40px}#footer .footer-links a{transition:.3s;color:#414141;font-weight:500;font-size:20px;margin:0 10px}#footer .footer-links a:hover{color:#979797}.footer-mail{margin-bottom:20px}.footer-mail a{font-size:19px;color:#ee383d}.php-email-form input,.php-email-form textarea{padding:12px 20px;height:auto}.user-input-wrp{position:relative}.user-input-wrp .inputText{width:100%}.user-input-wrp .floating-label{position:absolute;pointer-events:none;top:14px;left:20px;transition:.2s ease all;font-size:1rem;color:#6c757d}.user-input-wrp input:focus~.floating-label,.user-input-wrp input:not(:focus):valid~.floating-label,.user-input-wrp textarea:focus~.floating-label,.user-input-wrp textarea:not(:focus):valid~.floating-label{top:-10px;left:15x;font-size:13px;opacity:1;background-color:#fff;padding:0 10px}.user-input-wrp input:focus,.user-input-wrp textarea:focus{outline:0!important;box-shadow:none;border:1px solid #ced4da}.form-row{margin:0;gap:20px}.form-row>div{flex:1}#impressum{width:100vw;height:100vh;background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(../img/werbeagentur-toggenburg-wil-penkweb.jpg) top right no-repeat;background-size:cover;color:#fff}.impressum-content{width:60%;margin:auto;padding:50px 0}.impressum-content h1{margin-bottom:10px}.impressum-content p{margin:5px 0}@media (max-width:992px){.form-row{flex-direction:column;gap:0!important}.impressum-content{width:80%}}


.pw_pink{font-size:74px;font-weight:600;color:#ff0080}






.process1 .modules{display:flex;flex-wrap:wrap;padding-left:0}.process1 .module{flex:0 0 33.333333%}.module .module-content{padding:30px 15px}.module-box1{padding:30px 15px;border-radius:5px;height:340px;transition:all ease-in-out .3s;background:#fff;box-shadow:0 15px 20px rgba(65,65,65,.1);text-align:center}.module-box:hover{border-color:#fff;box-shadow:0 20px 10px rgba(65,65,65,.1)}.module-content h4{font-weight:400;margin:10px 0 15px 0;font-size:22px;color:#45505b;transition:ease-in-out .3s}.module-content h4 a{color:#45505b;transition:ease-in-out .3s}.module-content p{line-height:24px;font-size:13px;margin-bottom:0}.process1 .number{border-bottom:2px solid #3a4a9d;-webkit-box-shadow:0 0 5px .5px #dc8db8;-moz-box-shadow:0 0 5px .5px #dc8db8;box-shadow:0 0 5px .5px #dc8db8;position:relative;text-align:center}.process1 .number span{position:absolute;color:#fff;top:-20px;line-height:40px;background:linear-gradient(91.32deg,#ee383d 1.1%,#3b499c 98.9%);height:40px;width:40px;left:calc(50% - 20px);border-radius:10%;-webkit-box-shadow:0 0 4px 7px #dc8db8;-moz-box-shadow:0 0 4px 7px #dc8db8;box-shadow:0 0 4px 7px #dc8db8}@media (max-width:1250px){.process1 .module{flex:0 0 50%}}@media (max-width:768px){.process1 .module{flex:0 0 100%}}


.process2 .modules{display:flex;flex-wrap:wrap;padding-left:0}.process2 .module{flex:0 0 33.333333%}.module .module-content{padding:30px 15px}.module-box2{padding:30px 15px;border-radius:5px;height:780px;transition:all ease-in-out .3s;background:#fff;box-shadow:0 15px 20px rgba(65,65,65,.1);text-align:center}.module-box:hover{border-color:#fff;box-shadow:0 20px 10px rgba(65,65,65,.1)}.module-content h4{font-weight:400;margin:10px 0 15px 0;font-size:22px;color:#45505b;transition:ease-in-out .3s}.module-content h4 a{color:#45505b;transition:ease-in-out .3s}.module-content p{line-height:24px;font-size:13px;margin-bottom:0}.process2 .number{border-bottom:2px solid #3a4a9d;-webkit-box-shadow:0 0 5px .5px #dc8db8;-moz-box-shadow:0 0 5px .5px #dc8db8;box-shadow:0 0 5px .5px #dc8db8;position:relative;text-align:center}.process2 .number span{position:absolute;color:#fff;top:-20px;line-height:40px;background:linear-gradient(91.32deg,#ee383d 1.1%,#3b499c 98.9%);height:40px;width:100px;left:calc(50% - 20px);border-radius:5%;-webkit-box-shadow:0 0 4px 7px #dc8db8;-moz-box-shadow:0 0 4px 7px #dc8db8;box-shadow:0 0 4px 7px #dc8db8}@media (max-width:1250px){.process2 .module{flex:0 0 50%}}@media (max-width:768px){.process2 .module{flex:0 0 100%}}




ul {padding:30px;  padding-left: 10px;}
ul li {list-style-type: disc; padding-left: .7em;}

ul.a {padding:10px;  padding-left: 10px;}
ul.a li {list-style-type: disc; padding-left: .3em;}