@font-face{font-family:'BebasNeueBold';src:url("/font/bebasneuebold.woff2") format("woff2");font-weight:normal;font-style:normal;}@font-face{font-family:'revicons';src:url("/font/revicons.woff") format("woff");font-weight:normal;font-style:normal;}@font-face{font-family:'roboto';src:url("/font/Robotolight.woff2") format("woff2");font-weight:normal;font-style:normal;}@font-face{font-family:'cuprum';src:url("/font/ofontruCuprum.woff2") format("woff2");font-weight:normal;font-style:normal;}body{padding:0;margin:0;}div.section{padding:0;margin:0}div.black-gradient{background-image:linear-gradient(to bottom,#333,#1a1a1a);color:white}div.metal{background:black url('/img/bg/metal.svg') no-repeat center / cover}div.black{background-color:#1a1a1a;color:white}div.white{background-color:white;color:#1a1a1a}div.gray{background-color:#E0E0E0;color:black}div.orange{background-image:linear-gradient(to bottom,#e68700,#e68700,#D07000);color:white}div.center{text-align:center}div.pad-bottom2{padding-bottom:2em}div.section h1.solid{margin:0 auto;font-size:2.2em;font-family:BebasNeueBold;padding:4px;background:linear-gradient(to bottom,#333,#1a1a1a);;color:white;text-align:center}div.section h1.solid small{display:block;font-family:BebasNeueBold;font-size:0.5em;color:gray}div.section.notes h2{font-size:1.2em;font-family:BebasNeueBold;padding:4px 20px;width:100%;text-align:left;background:linear-gradient(to right,#DDDF,transparent 15%,transparent);border-left:9px #f82 solid;box-sizing:border-box;}div.section.notes h2 small{display:block;font-family:BebasNeueBold;font-size:0.4em;color:#222}form{font-size:34px}form input{font-size:24px}.element-wrapper{overflow-x:auto;overflow-y:hidden;max-width:100%;-webkit-overflow-scrolling:touch;margin-bottom:1rem;}.element-wrapper table{min-width:100%;width:max-content;border-collapse:collapse;}.element-wrapper table thead{position:sticky;top:0;background:white;z-index:1;}#cost-calculator{max-width:40em;margin:3em auto;background:#eeeeee;padding:30px;border:0.3em solid #222222;border-radius:12px;}#cost-calculator .grid{display:grid;gap:18px;}#cost-calculator .grid > div{display:grid;grid-template-columns:2fr 3fr;gap:6px;}#cost-calculator .area-inputs{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:end;}#cost-calculator .area-inputs input[type=number]{width:3.2em;}#cost-calculator .grid > div input,#cost-calculator .grid > div select{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:6px;}#cost-calculator .grid > div select{width:100%;}#cost-calculator .button-row{display:flex;justify-content:center;margin-top:25px;}#cost-calculator .button-row button{flex:0.5;padding:16px;font-size:18px;background:#222222;color:white;border:none;border-radius:8px;cursor:pointer;font-weight:600;}#cost-calculator .result{margin-bottom:1em;padding:20px;background:#f8f9fa;border-radius:8px;border:2px solid #222222;}article{margin:2em auto;max-width:40em;font-size:1.4em}article li{padding:0.3em;font-size:1em;}article .introduction img{float:right;padding:1em}article .full{width:100%;}article .left,article .right{width:50%;max-width:500px;box-sizing:border-box;margin:1em;border-left:.4em solid #333;border-right:.4em solid #333;}article .left.small,article .right.small{width:20%;max-width:200px;border:0;}article .left{float:left;margin-left:0}article .right{float:right;margin-right:0}article table{border:2px solid grey;border-spacing:1px;border-collapse:collapse}article table thead tr{background-color:#f4f4f4}article table td,th{padding:.3em;border:1px solid black}@media (max-width:50em){article{margin:2em 1em;}article .left:not(.small),article .right:not(.small){display:block;float:none;width:100%;border:0;margin:0 auto;}}@media (max-width:30em){article .left.small,article .right.small{display:block;float:none;width:100%;border:0;margin:0 auto;}}@keyframes waveopactity{0%{opacity:0%}30%{opacity:0%}50%{opacity:100%}80%{opacity:100%}100%{opacity:0%}}#usp{width:100%;height:560px;position:relative;background:url('/img/bg//main-house6-short.jpg') center repeat-y gray;background-size:cover;background-position:center 65%;}#usp .slider{width:100%;height:560px;display:block;position:absolute;background:url('/img/bg/main-house7-short.jpg') center repeat-y gray;background-size:cover;background-position:center 60%;animation:waveopactity 14s 0s ease both infinite;}#usp .shadow{display:block;position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at top,transparent,#0009)}#usp .adv{display:block;position:absolute;bottom:1em;text-shadow:2px 2px 3px black;color:white;}#usp .adv a{color:white;text-decoration:none;font-family:'cuprum';font-size:1.6em;}#usp .logo{display:block;position:absolute;top:0.5em;left:0.5em;}#usp .logo img{width:8em}#usp .logo .moto{font-size:2em;font-family:'cuprum';display:block;background:#0008;color:white;margin-top:0.2em;padding:0.2em;text-align:center}#usp .title{display:block;position:absolute;top:2em;left:14em;color:black;font-size:1.6em;background:#8883;padding:0.5em;transform:skew(-15deg,0deg);border-left:.1em black solid;border-right:.1em black solid;}#usp .title h4{margin:0;font-size:1.6em;font-family:BebasNeueBold;background:#0008;color:white}#usp .title h5{margin:0;font-size:1.3em;font-family:cuprum}#usp .title h6{margin:0;margin-top:.1em;background:#0008;color:white;padding:.2em;}#usp .form{display:block;background-color:#0008;position:absolute;border-radius:2em 0 0 2em;bottom:30px;right:1em;padding:1.6em;}#usp .form h3{font-size:1.4em;font-family:'cuprum';color:white;text-align:center;margin:0;}#usp .form h3 small{font-size:.9em;font-weight:normal;font-family:'cuprum';color:orange;text-align:center}#usp .form .line{font-size:0.5em;display:block;width:18em;}#usp .form input{margin:.4em;border-radius:.3em;}#usp .form input[type=edit]{background-color:white;padding-left:1em}#usp .form input[type=submit]{background-color:#f82;border:none;cursor:pointer;}#usp .form i{font-size:.9em;color:white;user-select:none;white-space:nowrap;}#usp .form a{color:white}@media (max-width:56em){#usp .logo img{width:5em}#usp,#usp .slider{height:300px}#usp .title{display:none}#usp .form{display:none}#usp .moto{display:none}#usp .adv{top:3em;right:1em}}@media (max-width:42em){#usp .adv{display:none;}}#calc-links{background-color:white;color:black;margin:0}#calc-links > div{margin:0 auto;margin-top:40px;margin-bottom:20px;width:80%;max-width:1000px}#calc-links > div ul{margin:0;padding:4px;width:90%;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;width:90%;margin:0 auto;}#calc-links > div li{font-family:'roboto';padding-right:10px;display:flex;flex-direction:column;justify-content:left;margin-bottom:20px;display:block;width:240px;text-align:center;transition:transform 0.5s;}#calc-links > div li:hover{transform:scale(1.1,1.1)}#calc-links > div img{display:block;padding-right:5px;padding-bottom:10px;margin:0 auto;width:90px;}#calc-links > div li a{color:black;text-decoration:none;}#calc-links > div h4{display:block;margin-bottom:10px;margin:0 auto;color:black;font-family:'roboto';white-space:nowrap;font-weight:bold;font-size:1.6em;}#calc-links > div article{margin:20px auto;text-align:left;font-size:1.5em;width:70%;max-width:700px;border-left:4px solid black;padding-left:20px}#calc-links > div article p{margin:0;padding:0;font-family:'roboto'}#calc-links > div article big{white-space:nowrap;font-weight:bold;font-family:BebasNeueBold;color:#06f}#calc-links > div article big{font-size:2em;}#calc-links > div article small{font-size:0.8em;}@media (max-width:50em){#calc-links > div article big{font-size:1.3em;}}#article-links{margin-bottom:0;padding:2em 3em;}#article-links h2{font-family:'roboto'}#article-links .data{margin:0 auto;max-width:84em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;align-items:stretch;gap:20px;}#article-links .link{flex:1 1 12em;max-width:20em;margin:0.4em;background-color:#EEE;padding:0}#article-links .link h4{display:block;min-height:2em;background-color:#333;color:white;font-size:1.1em;font-weight:bold;margin:0;padding:0.2em;}#article-links .link p{color:black;text-decoration:none;font-size:1em;padding:0.2em;}#article-links .link a{text-decoration:none;color:black}#article-links .link a:hover{text-decoration:underline}@media (max-width:70em){#article-links .link{background-color:transparent}#article-links .link h4{font-weight:normal;}#article-links .link p{display:none}}#contact{position:fixed;z-index:999;display:block;right:10px;top:0px;padding:0;transition:left 0.5s,transform 0.5s}#contact > div{margin:0px 20px;padding:2px;background:#1118;color:white;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,2);border-left:1px solid white;border-right:1px solid white;border-bottom:1px solid white;border-radius:0 0 20px 20px;}#contact > div a{margin:0 10px;color:white;font-size:1.2em}#contact > div a{margin:0 10px;text-decoration:none;color:white;font-size:22px;font-family:cuprum;white-space:nowrap}#contact > div .links img{vertical-align:middle}@media (max-width:70em){#contact > div .title{display:none}#contact > div .links a{font-size:30px}}@media (max-width:10em){#contact > div .links a{font-size:26px}}#footer-links{margin-bottom:0;padding:20px;}#footer-links div.data{margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;align-items:start}#footer-links div.data div{margin:0;padding:0.1em;}#footer-links div h3{color:grey;}#footer-links div ul{color:white;text-align:left;list-style:none;padding:0.2em 1em}#footer-links div li{white-space:nowrap;padding-bottom:0.4em}#footer-links div a{color:white;text-decoration:none;font-size:1.1em}#footer-links div a:visited{color:gray}#footer-links div a:hover{text-decoration:underline}#footer-links div img{vertical-align:middle}@media (max-width:50em){#footer-links div.data div{padding:0}#footer-links div ul{padding:0}#footer-links div a{font-size:0.8em}}#footer{background-color:black;padding:0.5em}#footer a{color:lightgreen}@media (max-width:60em){#footer{font-size:0.8em}}body{font-family:'Segoe UI',Arial,sans-serif;line-height:1.6;max-width:900px;margin:40px auto;padding:20px;background:#f8f9fa;color:#333;}h1,h2,h3{color:#2c3e50;}h1{text-align:center;border-bottom:3px solid #3498db;padding-bottom:15px;}h2{color:#2980b9;margin-top:40px;}ul{padding-left:25px;}li{margin-bottom:8px;}.section{background:white;padding:25px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.05);margin-bottom:30px;}.highlight{background:#e8f4fd;padding:15px;border-left:5px solid #3498db;margin:20px 0;}#core{margin:0 auto;background:black;background:url('/img/bg/metal.svg');background-size:cover}#core > div{position:relative;margin:0 auto;max-width:1100px;width:100%;height:520px}#core > div > ul{display:inline-block;position:absolute;left:0;top:.5em;padding:0;list-style-type:none;box-sizing:border-box;}#core > div > ul > li{display:block;position:relative;background:#111;color:white;font-size:2em;margin:1em;padding:.4em .5em;border-radius:1.2em;box-shadow:0 0 20px rgba(0,0,0,0.7);font-family:cuprum;border:3px solid gray;text-transform:uppercase;transition:transform 0.5s;cursor:pointer;}#core > div > ul > li:hover{color:#f80;transform:scale(1.1,1.1)}#core > div > ul > li ul{display:none}#core > div article{display:block;position:absolute;margin:0;padding:0px;font-family:cuprum;font-size:1.4em;right:0;top:2em;width:16em;background-color:#000A;color:white;border:1px solid gray;border-radius:0 0 1em 1em;text-align:left;overflow:hidden;box-shadow:0 0 1em rgba(0,0,0,0.7);}#core > div article > h2{background:white;color:#f80;margin:0;padding:0 .5em;font-size:1.6em}#core > div article small{display:block;margin:0;margin-right:0;padding:0}#core > div article ul{list-style-type:none;padding:0 10px}#core > div article ul a{color:white;text-decoration:none}#core > div article ul li{margin:0;padding:10px;font-size:1.2em}#core > div article ul li:nth-child(2n+1){background:#444}#core > div article ul li:nth-child(2n+2){background:#333}@media (max-width:70em){#core > div{text-align:center;height:28em}#core > div canvas{display:none}#core > div big{display:none}#core > div > ul{display:block;width:100%;position:static;margin:0;}#core > div > ul > li{display:inline-block;font-size:1.2em;margin:.3em;padding:.3em .6em;}#core > div article{display:inline-block;position:static;}}@media (min-width:70em){#core > div canvas{display:block;position:absolute;left:50;top:70;pointer-events:none}#core > div big{display:block;position:absolute;margin:0;padding:12px 60px;font-size:2em;left:420px;top:420px;background:linear-gradient(to bottom,green,#1a1a1a);color:white;font-family:cuprum;border:1px solid white;border-radius:40px;box-shadow:0 0 20px rgba(0,0,0,0.7);cursor:pointer;transition:transform 0.5s;}#core > div big:hover{transform:scale(1.1,1.1)}#core > div big img{vertical-align:middle}#core > div big small{display:block;color:orange;font-size:0.5em}}#dvor .themes{display:grid;margin:2em auto;align-items:center;width:fit-content;}#dvor .theme{display:flex;flex-wrap:wrap;padding:0.4em;justify-content:space-between;}#dvor .illustration > img{max-height:18em;max-width:300px;max-height:260px;border-left:.4em solid #333;border-right:.4em solid #333;}#dvor .articles h2 > img{display:none;vertical-align:middle;max-height:2em;margin-right:1em;border-left:.1em solid #333;border-right:.1em solid #333;}#dvor .articles h2{margin:0;padding:0.2em;text-align:center;font-family:"cuprum";font-size:2.2em;}#dvor .articles > ul{margin:0;font-size:1.3em;}#dvor .articles li{margin:0.4em;}#dvor .articles li > a{color:black;text-decoration:none;}@media (max-width:70em){#dvor .theme{justify-self:left;padding:0}#dvor .illustration > img{display:none}#dvor .articles h2 > img{display:inline-block}#dvor .articles h2{text-align:left}#dvor .articles > ul{margin:0}}@media (max-width:50em){#dvor .articles h2{font-size:1.8em;}#dvor .articles > ul{font-size:1em;}}#about{background-image:url('/img/bg/abount-bg.jpg');background-position:center 70%;background-size:cover;}#about > div{margin:40px auto;width:80%;max-width:1000px;text-align:left;}#about article{font-family:"cuprum";font-size:1em;border-left:10px solid orange;background:linear-gradient(to right,#FFFD,#EEEB);color:black;padding:1em;text-indent:40p;}#about article p:first-letter{font-size:1.5em}#about h4{font-size:24px}@media (max-width:70em){#about article{padding:0.1em;}}