@charset "UTF-8";/*! Theme Name: Hillersche Villa Theme
 * * Author: Christopher Schneider
 * * Author URI: https://www.hillerschevilla.de
 * * Version: 1.0
 * * Text Domain: hillerschevilla */@font-face{font-display:swap;font-family:Klavika;font-style:normal;font-weight:300;src:url(fonts/Klavika-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Klavika;font-style:normal;font-weight:700;src:url(fonts/Klavika-Bold.woff2) format("woff2")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button,input,label,select,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;background:0 0;font-size:inherit;font-family:inherit;line-height:inherit}html *{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:border-box}:focus{outline:0}body::-webkit-scrollbar-track{background-color:#fff}body::-webkit-scrollbar{width:5px;background-color:#fff}body::-webkit-scrollbar-thumb{background-color:#b4142c}.clear{clear:both;height:0;width:0}.overflow-hidden{overflow:hidden}@media only screen and (min-width:980px){.overflow-hidden{overflow:visible}}.elder-stucks{top:0;position:fixed}body,html{min-height:100%;background:#fff url(images/background-body-top.png) 0 0 no-repeat;background-size:200%}@media only screen and (min-width:768px){body,html{background-size:contain}}@media only screen and (min-width:1600px){body,html{background:#fff url(images/background-body-top.png) top center no-repeat;background-size:1920px}}html{font:10px/1 Klavika,Arial,sans-serif;font-weight:300;font-style:normal;color:#222}body{overflow-x:hidden}body::before{z-index:99;display:block;position:fixed;content:"";width:100%;height:3px;top:0;left:0;right:0;background:linear-gradient(90deg,red 0,#fb07d9 10%,#ba0cf8 20%,#5f15f2 30%,#1c7fee 40%,#2fc9e2 50%,#3fdad8 60%,#4fdc4a 70%,#d0de21 80%,#ff9a00 90%,red 100%)}@media only screen and (min-width:1600px){body::before{height:5px}}strong{font-weight:700}a{text-decoration:none;color:#b4142c;transition:color .25s}a:active,a:focus,a:hover{text-decoration:none}img{width:100%;height:auto;display:block;margin:0}svg{transform-origin:center center}#header{width:100%;position:fixed;top:0;left:0;z-index:5;transition:background .25s,box-shadow .25s}@media only screen and (min-width:768px){#header{height:100px}}@media only screen and (min-width:980px){#header{height:auto}}#header.nav-open .wrap #toggle-mainnav span{background:0 0}#header.nav-open .wrap #toggle-mainnav span:before{transform:rotate(45deg);bottom:0}#header.nav-open .wrap #toggle-mainnav span:after{transform:rotate(-45deg);top:0}#header.nav-open::after{transform:translateX(-36%) translateY(-10svh) rotate(-10deg)}@media only screen and (min-width:768px){#header.nav-open::after{transform:translateX(-36%) translateY(-12svh) rotate(-10deg)}}#header.elder-scrolls{background:#fff;box-shadow:0 0 50px rgba(0,0,0,.1)}@media only screen and (min-width:1600px){#header.elder-scrolls{box-shadow:0 0 100px rgba(0,0,0,.1)}}@media only screen and (min-width:1200px){#header.elder-scrolls .wrap{padding:60px 30px 30px 30px}}@media only screen and (min-width:1600px){#header.elder-scrolls .wrap{padding:60px 0 30px 0}}#header .wrap{padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;transition:padding .25s}@media only screen and (min-width:768px){#header .wrap{padding:30px}}@media only screen and (min-width:980px){#header .wrap{padding:60px 30px 30px 30px;position:relative}}@media only screen and (min-width:1200px){#header .wrap{padding:80px 30px 30px 30px}}@media only screen and (min-width:1600px){#header .wrap{padding:100px 0 30px 0}}#header .wrap .logo{width:150px}@media only screen and (min-width:768px){#header .wrap .logo{width:240px}}@media only screen and (min-width:1600px){#header .wrap .logo{width:320px}}#header .wrap #toggle-mainnav{position:absolute;width:36px;height:36px;top:50%;transform:translateY(-50%);right:20px;cursor:pointer}@media only screen and (min-width:768px){#header .wrap #toggle-mainnav{right:30px}}@media only screen and (min-width:980px){#header .wrap #toggle-mainnav{display:none}}#header .wrap #toggle-mainnav span{width:36px;height:3px;background:#b4142c;position:absolute;top:50%;transform:translateY(-50%);border-radius:8px;transition:background .25s}#header .wrap #toggle-mainnav span:after,#header .wrap #toggle-mainnav span:before{position:absolute;display:block;content:"";width:36px;height:3px;background:#b4142c;border-radius:8px}#header .wrap #toggle-mainnav span:before{bottom:10px;transition:.25s}#header .wrap #toggle-mainnav span:after{top:10px;transition:.25s}#mainnav{width:100%;position:fixed;top:0;bottom:0;left:0;opacity:0;visibility:hidden;z-index:10;margin-top:65px;padding-bottom:44px;overflow-y:scroll;overflow-x:hidden;transition:.1s;background:#fff}@media only screen and (min-width:768px){#mainnav{margin-top:100px;padding-bottom:0}}@media only screen and (min-width:980px){#mainnav{width:calc(100% - 250px);height:auto;position:relative;top:0;left:auto;right:0;opacity:1;visibility:visible;padding:0;margin-top:0;overflow-y:inherit;overflow-x:inherit;background:0 0}}@media only screen and (min-width:1600px){#mainnav{width:calc(100% - 320px)}}#mainnav.nav-open{opacity:1;visibility:visible}@media only screen and (min-width:980px){#mainnav .menu-hauptmenue-container ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px;width:100%}}@media only screen and (min-width:1200px){#mainnav .menu-hauptmenue-container ul{gap:10px}}@media only screen and (min-width:980px){#mainnav .menu-hauptmenue-container ul li.menu-item-has-children{position:relative}}#mainnav .menu-hauptmenue-container ul li:active>a,#mainnav .menu-hauptmenue-container ul li:focus>a,#mainnav .menu-hauptmenue-container ul li:hover>a{color:#b4142c}@media only screen and (min-width:980px){#mainnav .menu-hauptmenue-container ul li:active .sub-menu,#mainnav .menu-hauptmenue-container ul li:focus .sub-menu,#mainnav .menu-hauptmenue-container ul li:hover .sub-menu{opacity:1;visibility:visible;transform:translateY(100%)}}#mainnav .menu-hauptmenue-container ul li a{display:block;font-weight:700;text-transform:uppercase;color:#222;font-size:1.8rem;line-height:1;border-top:1px solid #d3d3d3;padding:10px 20px}@media only screen and (min-width:768px){#mainnav .menu-hauptmenue-container ul li a{font-size:2rem;padding:10px 30px}}@media only screen and (min-width:980px){#mainnav .menu-hauptmenue-container ul li a{font-size:1.4rem;padding:10px;border:0}}@media only screen and (min-width:1200px){#mainnav .menu-hauptmenue-container ul li a{font-size:1.6rem}}@media only screen and (min-width:1600px){#mainnav .menu-hauptmenue-container ul li a{padding:20px}}#mainnav .menu-hauptmenue-container ul li a:active,#mainnav .menu-hauptmenue-container ul li a:focus,#mainnav .menu-hauptmenue-container ul li a:hover{color:#b4142c}#mainnav .menu-hauptmenue-container ul li .sub-menu{padding-bottom:10px}@media only screen and (min-width:980px){#mainnav .menu-hauptmenue-container ul li .sub-menu{display:block;width:240px;height:auto;background:#fff;position:absolute;z-index:5;bottom:10px;left:0;margin-top:0;padding:10px 0;transform:translateY(105%);opacity:0;visibility:hidden;box-shadow:0 10px 50px rgba(0,0,0,.1);transition:opacity .25s,transform .25s,visibility .25s}}#mainnav .menu-hauptmenue-container ul li .sub-menu li a{font-weight:300;font-size:1.6rem;text-transform:none;padding:5px 40px;border-top:0}@media only screen and (min-width:768px){#mainnav .menu-hauptmenue-container ul li .sub-menu li a{font-size:1.8rem;padding:5px 60px}}@media only screen and (min-width:980px){#mainnav .menu-hauptmenue-container ul li .sub-menu li a{padding:10px 20px;font-size:1.4rem;text-transform:uppercase;transition:background .25s,color .25s}}#mainnav .menu-hauptmenue-container ul li .sub-menu li a:active,#mainnav .menu-hauptmenue-container ul li .sub-menu li a:focus,#mainnav .menu-hauptmenue-container ul li .sub-menu li a:hover{color:#b4142c}@media only screen and (min-width:980px){#mainnav .menu-hauptmenue-container ul li .sub-menu li a:active,#mainnav .menu-hauptmenue-container ul li .sub-menu li a:focus,#mainnav .menu-hauptmenue-container ul li .sub-menu li a:hover{background:rgba(180,20,44,.1)}}#projectnav{position:fixed;bottom:0;left:0;right:0;z-index:15}@media only screen and (min-width:980px){#projectnav{position:absolute;top:3px;bottom:auto;right:30px;left:auto;z-index:40}}@media only screen and (min-width:1600px){#projectnav{top:5px;right:0}}#projectnav .menu-projektmenue-container #menu-projektmenue{display:flex}#projectnav .menu-projektmenue-container #menu-projektmenue li{flex-grow:1}@media only screen and (min-width:768px){#projectnav .menu-projektmenue-container #menu-projektmenue li{width:33.33333333%}}@media only screen and (min-width:980px){#projectnav .menu-projektmenue-container #menu-projektmenue li{width:auto}}#projectnav .menu-projektmenue-container #menu-projektmenue li a{display:block;padding:15px 10px;font-size:1.4rem;font-weight:700;color:#fff;text-align:center;transition:opacity .25s,visibility .25s}@media only screen and (min-width:768px){#projectnav .menu-projektmenue-container #menu-projektmenue li a{font-size:2rem;padding:20px 30px}}@media only screen and (min-width:980px){#projectnav .menu-projektmenue-container #menu-projektmenue li a{font-size:1.4rem;padding:12px 20px}}@media only screen and (min-width:1600px){#projectnav .menu-projektmenue-container #menu-projektmenue li a{font-size:1.6rem;padding:15px 30px}}#projectnav .menu-projektmenue-container #menu-projektmenue li.hv a{background:#b4142c;position:relative}#projectnav .menu-projektmenue-container #menu-projektmenue li.hv a::after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(images/hillerschevilla.png) center center no-repeat;background-size:contain;opacity:.3}#projectnav .menu-projektmenue-container #menu-projektmenue li.kk a{background:#396daf;position:relative}#projectnav .menu-projektmenue-container #menu-projektmenue li.kk a::after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(images/kronenkino.png) center center no-repeat;background-size:contain;opacity:.3}#projectnav .menu-projektmenue-container #menu-projektmenue li.bgz a{background:#7caf38;position:relative}#projectnav .menu-projektmenue-container #menu-projektmenue li.bgz a::after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(images/bgz.png) center center no-repeat;background-size:contain;opacity:.3}#projectnav.hvopen{background:#b4142c}@media only screen and (min-width:980px){#projectnav.hvopen{background:0 0}}#projectnav.hvopen li.bgz a,#projectnav.hvopen li.kk a{opacity:0;visibility:hidden}#projectnav.kkopen{background:#396daf}@media only screen and (min-width:980px){#projectnav.kkopen{background:0 0}}#projectnav.kkopen li.bgz a,#projectnav.kkopen li.hv a{opacity:0;visibility:hidden}#projectnav.bgzopen{background:#7caf38}@media only screen and (min-width:980px){#projectnav.bgzopen{background:0 0}}#projectnav.bgzopen li.hv a,#projectnav.bgzopen li.kk a{opacity:0;visibility:hidden}.project-maximenu{position:fixed;width:100%;height:calc(100% - 44px);top:0;left:0;right:0;background:#fff;opacity:0;visibility:hidden;transition:.1s;overflow-y:scroll;overflow-x:hidden;z-index:30}@media only screen and (min-width:768px){.project-maximenu{height:calc(100% - 60px)}}@media only screen and (min-width:980px){.project-maximenu{padding-bottom:50px;height:auto;overflow-y:inherit;overflow-x:inherit}}@media only screen and (min-width:1600px){.project-maximenu{padding-bottom:100px}}.project-maximenu.nav-open{opacity:1;visibility:visible}.project-maximenu .maximenu-wrap{padding:20px;max-width:1400px;margin:0 auto;position:relative}@media only screen and (min-width:768px){.project-maximenu .maximenu-wrap{padding:30px}}@media only screen and (min-width:980px){.project-maximenu .maximenu-wrap{padding:60px 30px 30px 30px}}@media only screen and (min-width:1200px){.project-maximenu .maximenu-wrap{padding:80px 30px 30px 30px}}@media only screen and (min-width:1600px){.project-maximenu .maximenu-wrap{padding:100px 0 30px 0}}.project-maximenu .maximenu-wrap .logo{width:150px;display:block}@media only screen and (min-width:768px){.project-maximenu .maximenu-wrap .logo{width:250px}}@media only screen and (min-width:1600px){.project-maximenu .maximenu-wrap .logo{width:320px}}.project-maximenu .maximenu-wrap .prevent{position:absolute;top:20px;right:20px;width:30px;height:30px}@media only screen and (min-width:768px){.project-maximenu .maximenu-wrap .prevent{top:30px;right:30px}}@media only screen and (min-width:980px){.project-maximenu .maximenu-wrap .prevent{top:60px}}@media only screen and (min-width:1200px){.project-maximenu .maximenu-wrap .prevent{top:80px}}@media only screen and (min-width:1600px){.project-maximenu .maximenu-wrap .prevent{top:100px;right:0}}.project-maximenu .maximenu-wrap .prevent svg{width:100%;height:100%}.project-maximenu .maximenu-wrap #project_bgz_nav,.project-maximenu .maximenu-wrap #project_hv_nav,.project-maximenu .maximenu-wrap #project_kk_nav{margin-top:20px}@media only screen and (min-width:1200px){.project-maximenu .maximenu-wrap #project_bgz_nav,.project-maximenu .maximenu-wrap #project_hv_nav,.project-maximenu .maximenu-wrap #project_kk_nav{margin-top:50px}}@media only screen and (min-width:980px){.project-maximenu .maximenu-wrap #project_bgz_nav ul,.project-maximenu .maximenu-wrap #project_hv_nav ul,.project-maximenu .maximenu-wrap #project_kk_nav ul{display:flex;align-items:flex-start;justify-content:flex-start}}@media only screen and (min-width:980px){.project-maximenu .maximenu-wrap #project_bgz_nav ul li,.project-maximenu .maximenu-wrap #project_hv_nav ul li,.project-maximenu .maximenu-wrap #project_kk_nav ul li{margin-right:30px}}@media only screen and (min-width:1600px){.project-maximenu .maximenu-wrap #project_bgz_nav ul li,.project-maximenu .maximenu-wrap #project_hv_nav ul li,.project-maximenu .maximenu-wrap #project_kk_nav ul li{margin-right:50px}}.project-maximenu .maximenu-wrap #project_bgz_nav ul li a,.project-maximenu .maximenu-wrap #project_hv_nav ul li a,.project-maximenu .maximenu-wrap #project_kk_nav ul li a{display:block;font-weight:700;color:#222;font-size:1.8rem;line-height:1;padding:10px 0}@media only screen and (min-width:768px){.project-maximenu .maximenu-wrap #project_bgz_nav ul li a,.project-maximenu .maximenu-wrap #project_hv_nav ul li a,.project-maximenu .maximenu-wrap #project_kk_nav ul li a{font-size:2rem;padding:10px 0}}@media only screen and (min-width:980px){.project-maximenu .maximenu-wrap #project_bgz_nav ul li a,.project-maximenu .maximenu-wrap #project_hv_nav ul li a,.project-maximenu .maximenu-wrap #project_kk_nav ul li a{font-size:2rem;padding:10px 0;border:0}}@media only screen and (min-width:1200px){.project-maximenu .maximenu-wrap #project_bgz_nav ul li a,.project-maximenu .maximenu-wrap #project_hv_nav ul li a,.project-maximenu .maximenu-wrap #project_kk_nav ul li a{font-size:2.4rem}}@media only screen and (min-width:1600px){.project-maximenu .maximenu-wrap #project_bgz_nav ul li a,.project-maximenu .maximenu-wrap #project_hv_nav ul li a,.project-maximenu .maximenu-wrap #project_kk_nav ul li a{padding:20px 0;font-size:3rem}}.project-maximenu .maximenu-wrap #project_bgz_nav ul li a:active,.project-maximenu .maximenu-wrap #project_bgz_nav ul li a:focus,.project-maximenu .maximenu-wrap #project_bgz_nav ul li a:hover,.project-maximenu .maximenu-wrap #project_hv_nav ul li a:active,.project-maximenu .maximenu-wrap #project_hv_nav ul li a:focus,.project-maximenu .maximenu-wrap #project_hv_nav ul li a:hover,.project-maximenu .maximenu-wrap #project_kk_nav ul li a:active,.project-maximenu .maximenu-wrap #project_kk_nav ul li a:focus,.project-maximenu .maximenu-wrap #project_kk_nav ul li a:hover{color:#b4142c}.project-maximenu .maximenu-wrap #project_bgz_nav ul li .sub-menu,.project-maximenu .maximenu-wrap #project_hv_nav ul li .sub-menu,.project-maximenu .maximenu-wrap #project_kk_nav ul li .sub-menu{padding-bottom:10px;width:auto}@media only screen and (min-width:980px){.project-maximenu .maximenu-wrap #project_bgz_nav ul li .sub-menu,.project-maximenu .maximenu-wrap #project_hv_nav ul li .sub-menu,.project-maximenu .maximenu-wrap #project_kk_nav ul li .sub-menu{display:block}}@media only screen and (min-width:980px){.project-maximenu .maximenu-wrap #project_bgz_nav ul li .sub-menu li,.project-maximenu .maximenu-wrap #project_hv_nav ul li .sub-menu li,.project-maximenu .maximenu-wrap #project_kk_nav ul li .sub-menu li{display:block;margin:0}}.project-maximenu .maximenu-wrap #project_bgz_nav ul li .sub-menu li a,.project-maximenu .maximenu-wrap #project_hv_nav ul li .sub-menu li a,.project-maximenu .maximenu-wrap #project_kk_nav ul li .sub-menu li a{font-weight:300;font-size:1.6rem;padding:5px 0;border-top:0}@media only screen and (min-width:768px){.project-maximenu .maximenu-wrap #project_bgz_nav ul li .sub-menu li a,.project-maximenu .maximenu-wrap #project_hv_nav ul li .sub-menu li a,.project-maximenu .maximenu-wrap #project_kk_nav ul li .sub-menu li a{font-size:1.8rem;padding:5px 0}}@media only screen and (min-width:980px){.project-maximenu .maximenu-wrap #project_bgz_nav ul li .sub-menu li a,.project-maximenu .maximenu-wrap #project_hv_nav ul li .sub-menu li a,.project-maximenu .maximenu-wrap #project_kk_nav ul li .sub-menu li a{padding:10px 0;transition:color .25s}}@media only screen and (min-width:1200px){.project-maximenu .maximenu-wrap #project_bgz_nav ul li .sub-menu li a,.project-maximenu .maximenu-wrap #project_hv_nav ul li .sub-menu li a,.project-maximenu .maximenu-wrap #project_kk_nav ul li .sub-menu li a{font-size:2rem}}.project-maximenu .maximenu-wrap #project_bgz_nav ul li .sub-menu li a:active,.project-maximenu .maximenu-wrap #project_bgz_nav ul li .sub-menu li a:focus,.project-maximenu .maximenu-wrap #project_bgz_nav ul li .sub-menu li a:hover,.project-maximenu .maximenu-wrap #project_hv_nav ul li .sub-menu li a:active,.project-maximenu .maximenu-wrap #project_hv_nav ul li .sub-menu li a:focus,.project-maximenu .maximenu-wrap #project_hv_nav ul li .sub-menu li a:hover,.project-maximenu .maximenu-wrap #project_kk_nav ul li .sub-menu li a:active,.project-maximenu .maximenu-wrap #project_kk_nav ul li .sub-menu li a:focus,.project-maximenu .maximenu-wrap #project_kk_nav ul li .sub-menu li a:hover{color:#b4142c}.project-maximenu .maximenu-wrap .project-box-wrap{margin-top:40px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:10px}.project-maximenu .maximenu-wrap .project-box-wrap .project-box a{display:block;width:80px;height:80px}@media only screen and (min-width:768px){.project-maximenu .maximenu-wrap .project-box-wrap .project-box a{width:100px;height:100px}}@media only screen and (min-width:1600px){.project-maximenu .maximenu-wrap .project-box-wrap .project-box a{width:140px;height:140px}}#project-hv::after{display:none;content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;background:url(images/hillerschevilla-red.png) top 60px right 40px no-repeat;background-size:300px;opacity:.3;pointer-events:none;max-width:1400px;margin:0 auto}@media only screen and (min-width:768px){#project-hv::after{display:block}}@media only screen and (min-width:1200px){#project-hv::after{background:url(images/hillerschevilla-red.png) top 200px right 40px no-repeat;background-size:300px}}#project-hv svg use{fill:#b4142c}#project-kk::after{display:none;content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;background:url(images/kronenkino-blue.png) top 60px right 40px no-repeat;background-size:300px;opacity:.3;pointer-events:none;max-width:1400px;margin:0 auto}@media only screen and (min-width:768px){#project-kk::after{display:block}}@media only screen and (min-width:1200px){#project-kk::after{background:url(images/kronenkino-blue.png) top 200px right 40px no-repeat;background-size:300px}}#project-kk svg use{fill:#396daf}#project-bgz::after{display:none;content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;background:url(images/bgz-green.png) top 60px right 40px no-repeat;background-size:300px;opacity:.3;pointer-events:none;max-width:1400px;margin:0 auto}@media only screen and (min-width:768px){#project-bgz::after{display:block}}@media only screen and (min-width:1200px){#project-bgz::after{background:url(images/bgz-green.png) top 200px right 40px no-repeat;background-size:300px}}#project-bgz svg use{fill:#7caf38}#main{padding-top:65px}@media only screen and (min-width:768px){#main{padding-top:100px}}@media only screen and (min-width:980px){#main{padding-top:130px}}@media only screen and (min-width:1200px){#main{padding-top:150px}}@media only screen and (min-width:1600px){#main{padding-top:186px}}#main::after{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000;content:"";display:block;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:3}#main.underlay-open::after{opacity:.5;visibility:visible}#main .wrap{width:100%;max-width:1400px;padding:50px 20px;margin:0 auto}@media only screen and (min-width:768px){#main .wrap{padding:50px 50px}}@media only screen and (min-width:1600px){#main .wrap{padding:75px 0}}#main a{color:#b4142c;transition:border .25s;font-weight:700;border-bottom:3px solid rgba(180,20,44,.1)}#main a:active,#main a:focus,#main a:hover{text-decoration:none;border-bottom:3px solid #b4142c}#footer{position:relative}#footer::before{display:block;position:absolute;content:"";width:100%;height:3px;top:0;left:0;right:0;background:linear-gradient(90deg,red 0,#fb07d9 10%,#ba0cf8 20%,#5f15f2 30%,#1c7fee 40%,#2fc9e2 50%,#3fdad8 60%,#4fdc4a 70%,#d0de21 80%,#ff9a00 90%,red 100%)}@media only screen and (min-width:1600px){#footer::before{height:5px}}#footer .wrap{width:100%;max-width:1400px;padding:50px 20px;margin:0 auto}@media only screen and (min-width:768px){#footer .wrap{padding:50px 50px}}@media only screen and (min-width:1600px){#footer .wrap{padding:75px 0}}#footer .wrap .logo{width:150px;display:inline-block}@media only screen and (min-width:768px){#footer .wrap .logo{width:240px}}@media only screen and (min-width:1600px){#footer .wrap .logo{width:320px}}#hero{background:#222 url(images/hero.webp);background-position:center center;background-repeat:no-repeat;background-size:cover;min-height:100svh;display:flex;flex-wrap:wrap;align-items:center;position:relative;overflow:hidden;display:none}@media only screen and (min-width:980px){#hero{overflow:visible}}#hero::after{display:block;content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1}#hero .wrap{position:relative;z-index:2}@media only screen and (min-width:768px){#hero .wrap{padding-right:25%}}@media only screen and (min-width:1600px){#hero .wrap{padding-right:20%}}#hero .wrap h1{color:#fff;text-transform:uppercase}#hero .wrap h1 strong{color:#b4142c;font-weight:900}#hero .wrap .text{margin-top:20px}@media only screen and (min-width:980px){#hero .wrap .text{width:60%}}@media only screen and (min-width:1600px){#hero .wrap .text{margin-top:40px}}#hero .wrap .text p{color:#fff}#hero .wrap .buttons{color:#fff;margin-top:40px;display:flex;flex-wrap:wrap;gap:20px}@media only screen and (min-width:980px){#hero .wrap .buttons{width:60%}}@media only screen and (min-width:1600px){#hero .wrap .buttons{margin-top:80px;gap:30px}}#hero #heroimage{display:block;width:100%;padding:0 20px}@media only screen and (min-width:768px){#hero #heroimage{padding:0;position:absolute;top:50%;transform:translateY(-50px);right:0;width:50svw}}@media only screen and (min-width:980px){#hero #heroimage{transform:translateY(-40%);width:40svw}}@media only screen and (min-width:1600px){#hero #heroimage{width:700px;transform:translateY(-33%) translateX(calc((100vw - 1520px)/ 2 * -1))}}@media only screen and (min-width:2400px){#hero #heroimage{width:800px}}#subhero .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px}@media only screen and (min-width:768px){#subhero .wrap{gap:50px}}#subhero .wrap .left,#subhero .wrap .right{width:100%}@media only screen and (min-width:768px){#subhero .wrap .left,#subhero .wrap .right{width:calc(50% - 25px)}}#subhero .wrap .left h2{transform:rotate(-2deg)}#intro .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px}@media only screen and (min-width:768px){#intro .wrap{gap:50px}}#intro .wrap .left,#intro .wrap .right{width:100%}@media only screen and (min-width:768px){#intro .wrap .left,#intro .wrap .right{width:calc(50% - 25px)}}#intro .wrap .left h2{transform:rotate(-2deg)}#intro .wrap .right p{padding:15px;width:80%;background:#fff;box-shadow:0 0 100px rgba(0,0,0,.1);transform:translateX(30px) translateY(-30px) rotate(-2deg);position:relative;font-size:1.6rem;font-weight:700;margin:0;line-height:120%}@media only screen and (min-width:1200px){#intro .wrap .right p{padding:20px;font-size:2rem}}@media only screen and (min-width:1600px){#intro .wrap .right p{font-size:3.2rem;width:60%;transform:translateX(30px) translateY(-25%) rotate(-2deg)}}#intro .wrap .right p::after{position:absolute;display:block;content:"“";font-size:8rem;color:#b4142c;top:0;left:10px;font-weight:700}@media only screen and (min-width:1200px){#intro .wrap .right p::after{font-size:16rem}}#projects .wrap{display:flex;flex-wrap:wrap;align-items:flex-start;gap:30px}@media only screen and (min-width:980px){#projects .wrap{gap:20px}}#projects .wrap h2{width:100%;transform:rotate(-2deg)}#projects .wrap .project-box{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;padding:30px;background:#fff;box-shadow:0 0 100px rgba(0,0,0,.1);transition:box-shadow .25s}@media only screen and (min-width:768px){#projects .wrap .project-box{width:calc(50% - 15px)}}@media only screen and (min-width:980px){#projects .wrap .project-box{width:calc(25% - 15px);box-shadow:0 0 100px transparent}}@media only screen and (min-width:1600px){#projects .wrap .project-box{padding:30px}}#projects .wrap .project-box:focus,#projects .wrap .project-box:hover{box-shadow:0 0 100px rgba(0,0,0,.1)}#projects .wrap .project-box.hv h3{color:#b4142c}#projects .wrap .project-box.kk h3{color:#396daf}#projects .wrap .project-box.kk a{width:calc(50% - 10px)}#projects .wrap .project-box.bgz h3{color:#7caf38}#projects .wrap .project-box h3{width:100%}#projects .wrap .project-box a{width:calc(50% - 10px);border:0;margin:10px 10px 0 0}#jobs-magazine .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px}@media only screen and (min-width:768px){#jobs-magazine .wrap{gap:50px}}#jobs-magazine .wrap .left,#jobs-magazine .wrap .right{width:100%}@media only screen and (min-width:768px){#jobs-magazine .wrap .left{width:calc(40% - 25px)}}@media only screen and (min-width:980px){#jobs-magazine .wrap .left{width:calc(50% - 25px)}}#jobs-magazine .wrap .left h2{transform:rotate(-2deg)}#jobs-magazine .wrap .right{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}@media only screen and (min-width:768px){#jobs-magazine .wrap .right{gap:3px;width:calc(60% - 25px)}}@media only screen and (min-width:980px){#jobs-magazine .wrap .right{width:calc(50% - 25px);gap:30px}}#jobs-magazine .wrap .right h2{transform:rotate(-2deg);width:100%}#jobs-magazine .wrap .right .magazine-box{width:100%}@media only screen and (min-width:768px){#jobs-magazine .wrap .right .magazine-box{width:calc(33.33333333% - 2px)}}@media only screen and (min-width:980px){#jobs-magazine .wrap .right .magazine-box{width:calc(33.33333333% - 20px)}}#jobs-magazine .wrap .right .magazine-box p{margin-top:5px}#main h1{font-size:3rem;line-height:120%;font-weight:900;color:#222}@media only screen and (min-width:768px){#main h1{font-size:3.5rem}}@media only screen and (min-width:980px){#main h1{font-size:4.5rem}}@media only screen and (min-width:1200px){#main h1{font-size:5.5rem}}@media only screen and (min-width:1600px){#main h1{font-size:6.5rem}}#main h2{font-size:2rem;line-height:120%;font-weight:700;color:#222}@media only screen and (min-width:768px){#main h2{font-size:2.5rem}}@media only screen and (min-width:980px){#main h2{font-size:3rem}}@media only screen and (min-width:1200px){#main h2{font-size:3.5rem}}@media only screen and (min-width:1600px){#main h2{font-size:4.5rem}}#main h3{font-size:1.8rem;line-height:120%;font-weight:700;color:#222}@media only screen and (min-width:768px){#main h3{font-size:2rem}}@media only screen and (min-width:980px){#main h3{font-size:2.2rem}}@media only screen and (min-width:1200px){#main h3{font-size:2.6rem}}@media only screen and (min-width:1600px){#main h3{font-size:3rem}}#main h4{font-size:1.6rem;line-height:120%;font-weight:700;color:#222}@media only screen and (min-width:768px){#main h4{font-size:1.8rem}}@media only screen and (min-width:980px){#main h4{font-size:1.8rem}}@media only screen and (min-width:1200px){#main h4{font-size:2rem}}@media only screen and (min-width:1600px){#main h4{font-size:2.4rem}}#main p{font-size:1.4rem;line-height:140%;font-weight:300;color:#222;margin-top:20px}#main p:first-child{margin-top:0}@media only screen and (min-width:1200px){#main p{font-size:1.6rem}}@media only screen and (min-width:1600px){#main p{font-size:1.8rem;margin-top:30px}}#main ul{margin-top:20px}#main ul:first-child{margin-top:0}#main ul li{font-size:1.4rem;line-height:140%;font-weight:300;margin-top:10px;color:#222;background:url(images/icons/list-item.svg) 10px 5px no-repeat;background-size:12px;padding:3px 0 0 30px}#main ul li:first-child{margin-top:0}@media only screen and (min-width:1200px){#main ul li{font-size:1.6rem;background:url(images/icons/list-item.svg) 12px 10px no-repeat;background-size:12px;padding:5px 0 0 35px}}@media only screen and (min-width:1600px){#main ul li{font-size:1.8rem;background:url(images/icons/list-item.svg) 14px 12px no-repeat;background-size:14px;padding:6px 0 0 40px}}
/*# sourceMappingURL=style.css.map */