.containar{font-family:Sora,sans-serif;margin:60px auto 0;width:80%;background-color:#fcfcfc;border-radius:6px;padding:30px 60px 40px 40px;box-shadow:0 5px 10px rgba(0,0,0,.2);justify-content:center;min-height:63vh}.containar,.content{display:flex;align-items:center}.content{justify-content:space-between}.left-side{width:25%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:15px;position:relative}.left-side:before{content:"";position:absolute;height:70%;width:2px;right:-15px;top:50%;transform:translateY(-50%);background:#afafb6}.details{margin:14px;text-align:center;color:#000}.ikon{height:3.5rem;width:3.5rem;margin-bottom:1rem;fill:#28b485}.text-one,.text-two{font-size:1.4rem}.right-side{width:75%;margin-left:75px}.topic{font-size:1.6rem;font-weight:600}.popis{font-size:14px}.topic-text{color:#000;font-size:1.8rem;font-weight:700;color:#28b485}.input-box{height:50px;width:100%;margin:25px 0}.input-box input,textarea{height:100%;width:100%;border:none;font-size:16px;background:#f0f1f8;border-radius:5px;padding:0 15px;resize:none}textarea{padding-top:8px;font-size:17px}.message-box{min-height:110px}.form-button{display:inline-block;margin-top:12px}.form-button input[type=submit]{color:#fff;font-size:18px;outline:none;border:none;padding:13px 14px;border-radius:5px;background:#28b485;cursor:pointer;transition:all .3s ease}.form-button input[type=submit]:hover{background:#239e76}.achtung{display:none}.achtung,.msg{font-size:12px;padding:5px;color:red}.msg{display:block}input:invalid[data-focused=true]{border:1px solid red}input:invalid[data-focused=true]~.achtung{display:block}textarea:invalid[data-focused=true]~.achtung{display:block}@media(max-width:950px){.containar{width:90%;padding:30px 35px 40px}}@media(max-width:820px){.containar{margin:40px 0;height:100%}.content{flex-direction:column-reverse}.left-side{width:100%;flex-direction:row;margin-top:40px;justify-content:center;flex-wrap:wrap}.left-side:before{display:none}.right-side{width:100%;margin-left:0}}.privacy-text{display:block;white-space:normal;font-size:16px;color:#666;padding-top:40px;text-align:left}.privacy-link{color:#5029bc}@media(max-width:455px){.containar{width:95%;padding:20px 25px 30px}.left-side{width:100%;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap;margin-top:28px}.left-side:before{display:none}.details{width:45%;margin:10px 0;text-align:center}.ikon{height:3rem;width:3rem;margin-bottom:.75rem}.text-one,.text-two{font-size:1.2rem}}@media(max-width:355px){.topic{line-height:1.4}.ikon{height:2.75rem;width:2.75rem;margin-bottom:.45rem}}.okno-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.okno-overlay--visible{opacity:1;visibility:visible}.okno-modal{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:3px solid silver;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.3),0 10px 20px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.8);max-width:90vw;max-height:80vh;width:clamp(300px,50vw,600px);position:relative;transform:scale(.7) translateY(-50px);transition:transform .3s ease;overflow:hidden}.okno-modal--visible{transform:scale(1) translateY(0)}.okno-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,0,0,.05) 0,transparent 50%);pointer-events:none;z-index:1}.okno-close-btn{position:absolute;top:15px;right:15px;border:2px solid #01a553;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:3;transition:all .2s ease;box-shadow:0 4px 8px rgba(255,71,87,.3),inset 0 1px 0 hsla(0,0%,100%,.3)}.okno-close-btn,.okno-close-btn:hover{background:linear-gradient(90deg,#00cc66,#01a553)}.okno-close-btn:hover{transform:scale(1.1);box-shadow:0 6px 12px rgba(77,68,69,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.okno-close-btn:active{transform:scale(.95)}.okno-close-btn:focus{outline:3px solid rgba(255,71,87,.5);outline-offset:2px}.okno-close-icon{color:#fff;font-size:24px;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.okno-content{padding:40px 30px 30px;text-align:center;position:relative;z-index:2}.okno-title{color:#2c3e50;font-size:clamp(2.2rem,4vw,2.7rem);font-weight:700;margin:0 0 20px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.okno-message,.okno-title{font-family:Helvetica,sans-serif}.okno-message{color:#333;font-size:clamp(2rem,3vw,2rem);line-height:1.6;margin:0;text-shadow:0 1px 1px rgba(0,0,0,.05)}@media screen and (max-width:768px){.okno-modal{width:clamp(280px,85vw,400px);margin:20px}.okno-content{padding:35px 25px 25px}.okno-close-btn{width:36px;height:36px;top:12px;right:12px}.okno-close-icon{font-size:20px}}@media screen and (max-width:480px){.okno-modal{width:clamp(260px,90vw,320px);margin:15px}.okno-content{padding:30px 20px 20px}.okno-close-btn{width:32px;height:32px;top:10px;right:10px}.okno-close-icon{font-size:18px}}@keyframes okno-fade-in{0%{opacity:0;transform:scale(.7) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes okno-fade-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.7) translateY(-50px)}}