/* ▄ ███ ███ ███ ███ ███ ███ ███ ▄▄▄▄▄ ▄▄▄▄▄ ▄▄▄▄▄▄ ▄███▄ ███████████▄█████████▄█████████▄ █████▀▀ ████▀▀ ▀▀█████▀▀ ▀▀█████▀▀ ▀▀███▄ ████ ███ ███ ███ ███ ████ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███▄ ███ ███ ███ ███ ███▄ ███ ███ ███ ███ █████▄▄ ▄███ ███ ███ ███ ▀████████████▀ ▀█▀ ▀█▀ ▀█▀ ▀▀▀▀▀▀▀ ┌────────────────────────────┐ │░░░░░ chm-software.com ░░░░░│ └────────────────────────────┘ */ /* nunito-200 - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 200;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-200.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-200.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-200.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-200.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-200.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-200.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-300 - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 300;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-300.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-300.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-300.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-300.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-300.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-300.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-200italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 200;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-300italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 300;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-regular - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 400;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 400;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-600 - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 600;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-600.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-600.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-600.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-600.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-600.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-600.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-700 - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 700;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-700.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-700.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-700.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-700.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-700.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-700.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-600italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 600;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-800 - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 800;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-800.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-800.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-800.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-800.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-800.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-800.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-700italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 700;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-800italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 800;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-900 - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 900;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-900.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-900.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-900.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-900.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-900.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-900.svg#Nunito") format("svg");/* Legacy iOS */ }/* nunito-900italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 900;font-display: swap;src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.eot");/* IE9 Compat Modes */src: url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.woff2") format("woff2"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.woff") format("woff"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.ttf") format("truetype"), url("../fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.svg#Nunito") format("svg");/* Legacy iOS */ }:root {--bg-button-primary: hsl(48, 100%, 50%);--bg-button-primary-hover: hsl(48, 100%, 65%);--fg-button-primary: #000;--bg-button-secondary: hsl(192, 100%, 50%);--bg-button-secondary-hover: hsl(192, 100%, 65%);--fg-button-secondary: #000;--scrollbar-width: 0px; }.chm-software.com {color: #0066ff; }*,*:before,*:after {position: relative;box-sizing: border-box;outline: none !important;box-shadow: none;text-decoration: none;margin: 0;padding: 0;border: none;background-position: center center;background-size: auto auto;background-repeat: no-repeat;-webkit-tap-highlight-color: transparent; }a,a:link,a:active,a:hover,a:visited {text-decoration: none;color: inherit;outline: none;cursor: pointer; }h1, h2, h3, h4, h5, h6 {font-family: 'Nunito';font-style: normal;font-weight: 800;margin: 0;padding: 0;color: #333333;display: block; }h1.error, h2.error, h3.error, h4.error, h5.error, h6.error {color: #a03; }h1,h2 {font-size: 3rem;margin-bottom: 3rem;text-align: center;padding: 1.5rem;background-color: #ececec;border-radius: 999rem;line-height: 1; }@media (max-width: 666px) {h1,h2 {font-size: 4rem; } }.homepage h1 {font-size: 3rem;text-align: left;padding: 0;background-color: transparent;border-radius: 0;line-height: 1.2;margin: 0; }@media (max-width: 666px) {.homepage h1 {font-size: 4rem; } }p {margin-top: 1rem; }nav,nav *,header,header *,footer,footer * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }html, body {margin: 0;padding: 0;background-color: #fff;font-size: 16px;font-family: 'Nunito';font-weight: 300;color: #333333; }@media (max-width: 1200px) {html, body {font-size: 14px; } }@media (max-width: 1000px) {html, body {font-size: 12px; } }@media (max-width: 768px) {html, body {font-size: 10px; } }@media (max-width: 666px) {html, body {font-size: 1.3vw; } }body:before {content: '';position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.9);z-index: 3;background-image: url("/_res/images/layout/loader.gif");background-size: 5rem 5rem;display: block;opacity: 0;pointer-events: none; }body.loading:before {opacity: 1;pointer-events: all; }main {max-width: 1600px;margin: 0 auto;padding: 0 4rem; }picture, img {width: auto;height: auto;max-width: 100%; }.align-center {display: flex;flex-direction: column;align-items: center;justify-content: center; }.enlarge * {font-size: 1.1em; }main a,main a:link,main a:active,main a:hover,main a:visited {color: #0066ff; }section {margin: 0;margin-top: 6rem; }.button {display: inline-flex;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 700;align-items: center;justify-content: center;font-size: 1.5rem;padding: 1em 2em;padding-top: 1.1em;border-radius: 999em;cursor: pointer; }@media (max-width: 666px) {.button {font-size: 2.2rem; } }.button i {margin-left: 1rem; }.button.shadow {box-shadow: 0.2rem 0.2rem #fff,-0.2rem -0.2rem #fff,0.2rem -0.2rem #fff,-0.2rem 0.2rem #fff; }.button.secondary {background-color: var(--bg-button-secondary);transition: background-color 0.25s;color: var(--fg-button-secondary); }.button.secondary:active,.button.secondary:focus,.button.secondary:hover {background-color: var(--bg-button-secondary-hover); }.button.primary {background-color: var(--bg-button-primary);transition: background-color 0.25s;color: var(--fg-button-primary); }.button.primary:active,.button.primary:focus,.button.primary:hover {background-color: var(--bg-button-primary-hover); }.button.xxl {font-size: 1.2rem; }@media (min-width: 500px) {.button.xxl {font-size: 1.5rem; } }.flex-center-row {display: flex;flex-direction: row;align-items: center;justify-content: center; }.flex-center-row > * {text-align: center; }.flex-center-column {display: flex;flex-direction: column;align-items: center;justify-content: center; }.flex-center-column > * {text-align: center; }img.responsive-max {width: 100%;height: auto;max-width: 1200px; }.preloader-image {position: absolute;pointer-events: none;width: 1;height: 1;opacity: 0; }.section-more {display: flex;flex-direction: row;align-items: center;justify-content: center;line-height: 1;margin-top: 3rem; }.section-more-link {font-size: 1.5rem;padding: 1.5rem 3rem;padding-right: 2rem;border-radius: 999rem;background-color: #0066ff;color: #ffffff;font-weight: 600; }@media (max-width: 768px) {.section-more-link {font-size: 2rem;padding: 2rem 4rem;padding-right: 3rem; } }.section-more-link:link, .section-more-link:active, .section-more-link:hover, .section-more-link:visited, .section-more-link:focus {color: #ffffff; }.section-more-link, .section-more-link * {white-space: nowrap; }.section-more-link-icon {color: #ffffff;margin-left: 2rem; }::placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */color: #afc6e9;opacity: 1;/* Firefox */ }:-ms-input-placeholder {/* Internet Explorer 10-11 */color: #afc6e9; }::-ms-input-placeholder {/* Microsoft Edge */color: #afc6e9; }.error404 p {font-size: 2rem; }@media (max-width: 666px) {.error404 p {font-size: 3rem; } }.error404 .bricks-countdown {font-size: 6rem;width: 12rem;height: 12rem;background-color: #ffcc00;color: #333;display: inline-flex;align-items: center;justify-content: center;border-radius: 100%;margin-top: 2rem;line-height: 1;padding-top: 0.1em;animation: countdown 1s infinite;cursor: pointer;z-index: 999; }.error404 .bricks-countdown i {font-size: 0.5em; }@keyframes countdown {0% {opacity: 0;transform: rotate(0deg) scale(5); }50% {opacity: 1; }100% {transform: rotate(-360deg) scale(1); } }.contact div {display: block;font-size: 1.5rem;text-align: center;margin-bottom: 1em;text-align: center; }@media (max-width: 666px) {.contact div {font-size: 2.2rem; } }.contact .form-buttons {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;font-size: 1.5rem;padding-left: 10.666em; }@media (max-width: 666px) {.contact .form-buttons {font-size: 2.2rem; } }.contact form {display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 3rem; }.contact form > div {display: inline-block;width: auto;text-align: left; }.contact form input,.contact form label,.contact form textarea,.contact form button {font-family: 'Nunito';font-style: normal;font-weight: 400; }.contact form small {display: block;font-size: 1.25vw;text-align: center; }@media (min-width: 1200px) {.contact form small {font-size: 1rem; } }@media (max-width: 768px) {.contact form small {font-size: 1.5rem; } }.contact form > div > div {margin-bottom: 2rem;display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;transition: padding 0.4s;font-size: 1.5rem; }@media (max-width: 666px) {.contact form > div > div {font-size: 2.2rem; } }.contact form > div > div.has-error {padding-bottom: 2.333em; }.contact form .error-message {display: inline-flex;flex-direction: row;align-items: center;justify-content: center;position: absolute;right: 1rem;bottom: 0;height: 2em;background-color: #dd0033;color: #ffffff;font-size: 1.5rem;padding: 0 1em;border-radius: 0 1em 1em 1em; }@media (max-width: 666px) {.contact form .error-message {font-size: 2.2rem; } }.contact form label {display: inline-flex;flex-direction: row;align-items: center;justify-content: flex-start;padding: 0 1em;font-size: 1.5rem;height: 2em;background-color: #ececec;min-width: 10em;border-radius: 999rem;margin-right: 0.666em; }@media (max-width: 666px) {.contact form label {font-size: 2.2rem; } }.contact form textarea,.contact form input[type="text"],.contact form input[type="email"],.contact form input[type="tel"] {border-radius: 999rem;font-size: 1.5rem;background-color: #ffffff;color: #333333;border: 2px solid #afc6e9;padding: 0 1em;height: 2em;width: 20.7em;transition: border 0.25s; }@media (max-width: 666px) {.contact form textarea,.contact form input[type="text"],.contact form input[type="email"],.contact form input[type="tel"] {font-size: 2.5rem;width: 18.2em; } }.contact form textarea:active, .contact form textarea:focus,.contact form input[type="text"]:active,.contact form input[type="text"]:focus,.contact form input[type="email"]:active,.contact form input[type="email"]:focus,.contact form input[type="tel"]:active,.contact form input[type="tel"]:focus {border-color: #0066ff; }.contact form textarea[name="street"], .contact form textarea[name="city"],.contact form input[type="text"][name="street"],.contact form input[type="text"][name="city"],.contact form input[type="email"][name="street"],.contact form input[type="email"][name="city"],.contact form input[type="tel"][name="street"],.contact form input[type="tel"][name="city"] {display: none; }.contact form input[type="checkbox"] {display: none; }.contact form input[type="checkbox"] + label {position: relative;padding-left: calc(2em + 6px); }.contact form input[type="checkbox"] + label:before {content: '';position: absolute;left: -2px;top: 50%;transform: translateY(-50%);width: 2em;border-radius: 100%;height: 2em;background-color: #ffffff;border: 2px solid #afc6e9; }.contact form input[type="checkbox"] + label i {position: absolute;display: flex;align-items: center;justify-content: center;left: -2px;top: 50%;width: 2em;height: 2em;transition: transform 0.4s;transform: translateY(-50%) rotateY(90deg);color: #333; }.contact form input[type="checkbox"]:checked + label i {transform: translateY(-50%) rotateY(0deg); }.contact form textarea {resize: none;height: 8em;border-radius: 2rem;padding: 0.5em 1em; }@media (max-width: 666px) {.contact form textarea {border-radius: 3rem; } }footer {margin-top: 0;background-color: #afc6e9;padding-bottom: 10rem;padding-top: 8rem; }@media (max-width: 666px) {footer {padding-bottom: 16rem; } }footer:after {content: '';position: absolute;left: 0;right: 0;top: 0;height: 4rem;background-color: #ffffff;border-radius: 0 0 4rem 4rem; }footer .footer-elements {display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;max-width: 1600px;margin: 0 auto;padding: 0 4rem;font-size: 1.3rem;max-width: 1000px; }@media (max-width: 666px) {footer .footer-elements {font-size: 2.5rem; } }footer .footer-elements > * {display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;margin: 0 4rem; }@media (max-width: 666px) {footer .footer-elements > * {margin: 0 2rem; } }footer .footer-elements > * > strong {margin-bottom: 1rem; }@media (max-width: 666px) {footer .footer-elements > * > strong {margin-bottom: 1.5rem; } }footer .footer-elements > * a {margin-bottom: 0.5rem; }@media (max-width: 666px) {footer .footer-elements > * a {margin-bottom: 1rem; } }footer .footer-elements .chm-software.com {margin-top: 1rem; }.gallery-container {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.975);z-index: 999; }.gallery {position: fixed;left: 5rem;top: 9rem;right: 5rem;bottom: 2rem;z-index: 1000; }.gallery-items {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;display: flex;align-items: center;justify-content: center; }.gallery-item {position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: transform 1.5s;display: flex;flex-direction: column;align-items: center;justify-content: center; }.gallery-item.no-delay {transition: none; }.gallery-item.left {transform: translate(calc(-110vw - 50%), -50%); }.gallery-item.right {transform: translate(calc(110vw - 50%), -50%); }.gallery-item-image {width: 0;height: 0; }.gallery-item-title {display: none; }.gallery-item-description {padding-top: 2rem;text-align: center; }@media (min-width: 767.00001px) {.gallery-item-description {font-size: calc((16/1000) * 100vw); } }@media (min-width: 2000px) {.gallery-item-description {font-size: 2rem; } }.gallery-button-prev,.gallery-button-next {position: fixed;top: 0;bottom: 0;padding: 2rem;display: flex;flex-direction: column;justify-content: center;z-index: 1001; }.gallery-button-prev {left: 0;right: 50vw;align-items: flex-start; }.gallery-button-next {right: 0;left: 50vw;align-items: flex-end; }.gallery-title {position: fixed;right: 5rem;top: 1rem;left: 3rem;height: 2.75rem;margin: 0;line-height: 1;display: block;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;z-index: 1001;padding-top: 1rem;font-weight: bold; }.gallery-subtitle {position: fixed;right: 5rem;top: 4rem;left: 2rem;height: 3rem;margin: 0;font-size: 1.5rem;line-height: 1;text-align: left;white-space: nowrap;/* overflow: hidden; *//* text-overflow: ellipsis; */z-index: 1001;background-color: #ccc;padding-right: 2rem;padding-left: 1rem;padding-top: 0.6rem;padding-bottom: 0;clip-path: polygon(0% 0%, calc(100% - 1rem) 0%, 100% 50%, calc(100% - 1rem) 100%, 0% 100%); }.gallery-subtitle > span {display: inline-block;width: 100%;overflow: hidden;text-overflow: ellipsis; }.gallery-subtitle > * {z-index: 10; }.gallery-subtitle-progress {position: absolute;left: 0;top: 0;height: 100%;z-index: 1;background-color: #0cf;clip-path: polygon(0% 0%, calc(100% - 1rem) 0%, 100% 50%, calc(100% - 1rem) 100%, 0% 100%);transition: width 1.5s; }.gallery-button-close {position: fixed;right: 0rem;top: 0rem;width: 7rem;height: 7rem;padding-left: 2rem;padding-bottom: 1rem;display: flex;align-items: center;justify-content: center;z-index: 1002; }.gallery-button-prev,.gallery-button-next,.gallery-button-close {cursor: pointer;font-size: 2rem;color: #777;transition: color 0.25s, opacity 0.5s; }.gallery-button-prev:not(.disabled):hover,.gallery-button-next:not(.disabled):hover,.gallery-button-close:hover {color: #000; }.gallery-button-prev.disabled,.gallery-button-next.disabled {opacity: 0.2;cursor: default; }header {position: sticky;top: 0;width: 100%;max-width: 1600px;margin: 0 auto;background-color: #ffffff;height: calc(9.5rem + 2px);z-index: 999; }@media (max-height: 600px) and (min-aspect-ratio: 1 / 1) {header {position: relative; } }@media (max-width: 666px) {header {height: calc(13rem + 2px); } }header > a {display: inline-block;position: absolute;z-index: 100;left: 1.66rem;top: 2rem;padding: 0;line-height: 1; }@media (max-width: 666px) {header > a {top: 3rem;left: 4rem; } }header > a img {width: 7.5rem;height: 7.5rem;display: inline-block;margin: 0; }@media (max-width: 666px) {header > a img {width: 10rem;height: 10rem; } }.highlight-item-picture {width: 100%;display: flex;align-items: center;justify-content: center; }.highlight-item-picture picture {width: 60%;display: flex;align-items: center;justify-content: center; }.highlight-item-picture picture img {width: 100%;max-width: 600px;border-radius: 1rem; }.highlight-item-title {text-align: center;font-size: 3rem;font-weight: 800;margin-top: 2rem; }.highlight-item-description {text-align: center;font-size: 1.5rem;margin-top: 1rem; }@media (max-width: 666px) {.highlight-item-description {font-size: 2rem; } }.impressum {text-align: center; }.impressum p {font-size: 1.5rem; }@media (max-width: 666px) {.impressum p {font-size: 3rem; } }.datenschutz {font-size: 1.25rem; }@media (max-width: 666px) {.datenschutz {font-size: 2.5rem; } }.datenschutz h2 {font-size: 2rem;text-align: left;margin-top: 2em;border-radius: 1.25em; }@media (max-width: 666px) {.datenschutz h2 {font-size: 3rem; } }.datenschutz ul, .datenschutz li {margin: 0;padding: 0;list-style: none; }nav {position: absolute;left: calc(7.5rem + 2 * 1.66rem);top: 0;right: calc(5rem + 4rem + 1.66rem);bottom: 2px;background-color: transparent;display: flex;flex-direction: row;align-items: flex-end;justify-content: center; }@media (max-width: 666px) {nav {left: calc(10rem + 4rem + 1.66rem);right: calc(10rem + 4rem + 1.66rem); } }#cta {position: absolute;left: calc(100% + 1.66rem);bottom: 0;height: 5rem;width: 5rem;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size: 2.5rem;background-color: #ffcc00;color: #333;margin: 0;padding: 0; }#cta i {margin: 0;padding-top: 0.1em;line-height: 1; }@media (max-width: 666px) {#cta {height: 10rem;width: 10rem;font-size: 4rem; } }@media (max-height: 600px) and (min-aspect-ratio: 1 / 1) {#cta {position: fixed;bottom: auto;top: 3.5rem;right: 4rem;left: auto;z-index: 999;box-shadow: 0.1rem 0.1rem #fff,-0.1rem -0.1rem #fff,0.1rem -0.1rem #fff,-0.1rem 0.1rem #fff; } }#menu {position: absolute;left: 0;bottom: 0;right: 0;height: 100%;display: flex;flex-direction: row;align-items: flex-end;justify-content: center; }#menu > ul {display: flex;flex-direction: row;align-items: flex-end;justify-content: center;list-style: none;height: 100%;margin: 0;padding: 0; }#menu > ul li {list-style: none;display: inline-block;height: 100%;margin: 0 1.66rem;padding: 0;color: #666;transition: color 0.25s;font-weight: 600;line-height: 1; }#menu > ul li a {display: inline-flex;height: 100%;flex-direction: row;align-items: flex-end;justify-content: center;padding-bottom: 2rem;font-size: 1.5rem; }@media (max-width: 666px) {#menu > ul li a {font-size: 2rem;padding-bottom: 2.45rem; } }#menu > ul li:after {content: '';position: absolute;left: -0.3rem;bottom: 0;right: -0.3rem;height: 0.55rem;background-color: transparent;border-radius: 999rem;transition: background-color 0.25s; }@media (max-width: 666px) {#menu > ul li:after {height: 0.75rem; } }#menu > ul li.current, #menu > ul li:hover {color: #06f; }#menu > ul li.current:after, #menu > ul li:hover:after {background-color: #afc6e9; }.person {display: flex;flex-direction: row;align-items: center;justify-content: center; }@media (max-width: 870px) {.person {display: grid;grid-template-areas: "item1 item2" "item3 item3"; } }.person-image {grid-area: item1; }.person-image picture,.person-image img {display: inline-block;width: 15rem;height: 15rem;border-radius: 100%; }.person-quote {grid-area: item2;margin-left: 4rem; }@media (min-width: 1199.5px) and (max-width: 1240px) {.person-quote-text h1 {font-size: 2.8rem; } }@media (min-width: 999.5px) and (max-width: 1100px) {.person-quote-text h1 {font-size: 2.4rem; } }@media (min-width: 870.5px) and (max-width: 930px) {.person-quote-text h1 {font-size: 2.4rem; } }.person-quote-name {font-size: 1.5rem;color: #666666;font-weight: 400;margin-top: 1rem; }@media (max-width: 666px) {.person-quote-name {font-size: 2rem; } }.person .section-more {grid-area: item3;justify-content: flex-start;margin-left: 4rem;margin-top: 0; }@media (max-width: 870px) {.person .section-more {justify-content: center;margin-left: 0;margin-top: 2rem; } }.person .section-more-link {font-size: 1.5rem;padding: 1.5rem 3rem;padding-right: 2rem;border-radius: 999rem;background-color: #0066ff;color: #ffffff;font-weight: 600; }@media (max-width: 768px) {.person .section-more-link {font-size: 2rem;padding: 2rem 4rem;padding-right: 3rem; } }.person .section-more-link:link, .person .section-more-link:active, .person .section-more-link:hover, .person .section-more-link:visited, .person .section-more-link:focus {color: #ffffff; }.person .section-more-link, .person .section-more-link * {white-space: nowrap; }.person .section-more-link-icon {color: #ffffff;margin-left: 2rem; }.portfolio {margin-top: 5rem; }.portfolio-items {display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;margin: 0 auto;max-width: 1000px; }@media (max-width: 1200px) {.portfolio-items {max-width: calc(100vw - 14rem); } }.portfolio-items-more {margin-top: 3rem; }.portfolio-items-item {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;width: 30%; }.portfolio-items-item-icon {display: inline-flex;align-items: center;justify-content: center;--size: 7.5rem;width: var(--size);min-width: var(--size);max-width: var(--size);height: var(--size);min-height: var(--size);max-height: var(--size);font-size: calc(0.4 * var(--size));background-color: #ffcc00;color: #333333;border-radius: 100%; }.portfolio-items-item-icon:link, .portfolio-items-item-icon:active, .portfolio-items-item-icon:hover, .portfolio-items-item-icon:visited, .portfolio-items-item-icon:focus {color: #333333; }@media (max-width: 666px) {.portfolio-items-item-icon {--size: 10rem; } }.portfolio-items-item-label {margin-top: 1rem;color: #333;font-size: 2rem;font-weight: 700; }@media (max-width: 666px) {.portfolio-items-item-label {font-size: 2.5rem; } }.portfolio-items-item-description {max-width: 100%;font-size: 1.25rem;color: #666;text-align: center;margin-top: 0.5rem; }@media (max-width: 666px) {.portfolio-items-item-description {font-size: 2rem; } }.portfolio-items-item-link {display: inline-flex;flex-direction: row;align-items: center;justify-content: flex-start;font-size: 1.5rem;margin-top: 1rem; }@media (max-width: 666px) {.portfolio-items-item-link {font-size: 2.5rem; } }@media (max-width: 666px) {.portfolio-items-item-link-optional {display: none; } }.portfolio-items-item-link-icon {display: inline-flex;align-items: center;justify-content: center;line-height: 1;margin-left: 1rem;padding-top: 0.1em; }#shareMenuToggle {position: fixed;right: 4rem;bottom: 3.5rem;display: inline-flex;align-items: center;justify-content: center;width: 5rem;height: 5rem;font-size: 2rem;color: #fff;z-index: 15; }@media (min-width: 1610px) {#shareMenuToggle {right: calc((0.5 * (100vw - 1600px)) + 3.5rem); } }#shareMenuToggle > i {cursor: pointer;display: inline-flex;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: #0066ff;border-radius: 100%;box-shadow: 0.1rem 0.1rem #fff,-0.1rem -0.1rem #fff,0.1rem -0.1rem #fff,-0.1rem 0.1rem #fff; }@media (max-width: 666px) {#shareMenuToggle {height: 10rem;width: 10rem;font-size: 3.5rem; } }#shareMenuTitle {display: block;padding: 0 1rem;margin-bottom: 0.5rem;font-size: 2rem;font-family: 'Nunito';font-weight: 600;font-style: normal; }@media (max-width: 666px) {#shareMenuTitle {font-size: 3.5rem; } }#shareMenu {position: absolute;right: calc(100% - 1rem);bottom: 1rem;display: block;transition: transform 0.5s;transform-origin: center bottom;transform: scaleY(0);background-color: #ccc;border: 0.2rem solid #fff;background-color: #333;border-radius: 1rem;padding: 1rem 0;height: auto; }#shareMenu ul {position: relative;display: block;overflow: auto;max-height: calc(100vh - 8rem); }#shareMenu li {display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 4rem;position: relative; }@media (max-width: 666px) {#shareMenu li {height: 6rem; } }#shareMenu li a {display: flex;width: 100%;height: 3rem;position: relative;align-items: center;justify-content: flex-start;font-size: 1.5rem;font-weight: 500;line-height: 1;white-space: nowrap;text-overflow: ellipsis;padding: 0;padding-left: 1rem;padding-right: 4rem;background-color: #333;color: #ddd;transition: color 0.75s;transition: background-color 0.75s; }@media (max-width: 666px) {#shareMenu li a {font-size: 3rem; } }#shareMenu li:hover a {color: #fff;background-color: #555; }#shareMenu.visible {transform: scaleY(1); }#shareMenu .social-icon {display: inline-flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;margin-right: 1rem;font-size: 1.5rem;color: #fff;border-radius: 99999rem; }@media (max-width: 666px) {#shareMenu .social-icon {width: 4rem;height: 4rem;margin-right: 2rem;font-size: 2rem; } }#shareMenu .social-icon.low-contrast {text-shadow: 1px 1px #888, -1px -1px #888, -1px 1px #888, 1px -1px #888; }@media (max-width: 666px) {#shareMenu {right: calc(100% - 0.5rem); } }.skills-items {display: block;margin: 0 auto;max-width: 1200px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-areas: "item1 item2 item3 item4" "item5 item6 item7 item8";gap: 2rem; }@media (max-width: 1400px) {.skills-items {max-width: calc(100vw - 14rem); } }@media (max-width: 960px) {.skills-items {grid-template-columns: 1fr 1fr 1fr;grid-template-areas: "item1 item2 item7" "item6 item5 item4"; } }.skills-items-item:nth-child(1) {grid-area: item1; }.skills-items-item:nth-child(2) {grid-area: item2; }.skills-items-item:nth-child(3) {grid-area: item3; }.skills-items-item:nth-child(4) {grid-area: item4; }.skills-items-item:nth-child(5) {grid-area: item5; }.skills-items-item:nth-child(6) {grid-area: item6; }.skills-items-item:nth-child(7) {grid-area: item7; }.skills-items-item:nth-child(8) {grid-area: item8; }.skills-items-item:nth-child(9) {grid-area: item9; }.skills-items-item:nth-child(10) {grid-area: item10; }.skills-items-item:nth-child(11) {grid-area: item11; }.skills-items-item:nth-child(12) {grid-area: item12; }@media (max-width: 960px) {.skills-items-item:nth-child(3), .skills-items-item:nth-child(8) {display: none; } }.skills-items-item-link {display: inline-flex;flex-direction: row;align-items: center;justify-content: space-between;font-size: 2rem;line-height: 1;padding: 0.5em 1em;padding-top: 0.6em;border-radius: 999rem;background-color: #333333;color: #ffffff;line-height: 1; }@media (min-width: 960.5px) and (max-width: 1400px) {.skills-items-item-link {font-size: 1.7rem; } }@media (max-width: 666px) {.skills-items-item-link {font-size: 2.25rem; } }.skills-items-item-link:link, .skills-items-item-link:active, .skills-items-item-link:hover, .skills-items-item-link:visited, .skills-items-item-link:focus {color: #ffffff; }.skills-items-item-link, .skills-items-item-link * {white-space: nowrap; }.skills-items-item-link-icon {color: #ffcc00;margin-right: 1rem;font-size: 0.7em; }.all-skills {margin-top: 0; }.all-skills-filters {position: sticky;top: calc(8.5rem + 2px);z-index: 9999999;background-color: transparent;pointer-events: none;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding-top: 3rem; }.all-skills-filters > * {pointer-events: all;margin-right: 1rem; }.all-skills-filters > *:last-child {margin-right: 0; }.all-skills-filters-type {display: inline-flex;flex-direction: row;align-items: center;justify-content: center;background-color: #afc6e9;border: 1px solid #ffffff;border-radius: 999rem;height: 4rem;font-size: 1.5rem;padding: 0.5rem;color: #333333;cursor: pointer; }@media (max-width: 666px) {.all-skills-filters-type {height: 6rem;font-size: 2rem; } }.all-skills-filters-type-pill {height: 100%;display: inline-flex;align-items: center;justify-content: center;padding: 0 1rem;border-radius: 999rem;transition: background-color 0.4s, color 0.4s; }.all-skills-filters-type-pill.is-active {color: #afc6e9;background-color: #333333; }.all-skills-filters-description {display: inline-flex;flex-direction: row;align-items: center;justify-content: center;background-color: #afc6e9;border: 1px solid #ffffff;border-radius: 999rem;height: 4rem;font-size: 1.5rem;padding: 0 2rem;color: #333333;cursor: pointer; }@media (max-width: 666px) {.all-skills-filters-description {height: 6rem;font-size: 2rem; } }.all-skills-filters-description-toggle {display: none;margin-right: 1rem;width: 2rem;flex-direction: row;align-items: center;justify-content: center; }.all-skills-filters-description[data-enabled="yes"] .all-skills-filters-description-toggle[data-show-enabled="yes"] {display: inline-flex; }.all-skills-filters-description[data-enabled="no"] .all-skills-filters-description-toggle[data-show-enabled="no"] {display: inline-flex; }.all-skills-description {font-size: 2rem;margin-bottom: 6rem; }@media (max-width: 666px) {.all-skills-description {font-size: 3rem;font-weight: 300; } }.all-skills-items {margin-top: 3rem;display: grid;gap: 2rem;grid-template-columns: 1fr 1fr 1fr; }@media (max-width: 1400px) {.all-skills-items {grid-template-columns: 1fr 1fr; } }.all-skills-items-item {display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;margin-bottom: 3rem; }.all-skills-items-item-label {font-size: 2rem;font-weight: 600;background-color: #333333;color: #ffffff;padding: 0.5rem 2rem;border-radius: 999rem;display: inline-flex;flex-direction: row;align-items: center;justify-content: flex-start; }@media (max-width: 666px) {.all-skills-items-item-label {font-size: 2.5rem;padding: 1rem 2.5rem; } }.all-skills-items-item-label i {color: #ffcc00;font-size: 0.75em;margin-right: 0.5em;padding-top: 0.1em; }.all-skills-items-item-level {height: 2rem;width: 20rem;background-color: #0066ff;border-radius: 999rem;margin: 0.5rem 0; }@media (max-width: 666px) {.all-skills-items-item-level {height: 3rem;width: 30rem; } }.all-skills-items-item-level:before {content: '';position: absolute;left: 0;right: 0;top: 3px;bottom: 3px;background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.3) 10%, rgba(255, 255, 255, 0.3) calc(10% + 1px), rgba(255, 255, 255, 0) calc(10% + 1px), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.3) calc(20% + 1px), rgba(255, 255, 255, 0) calc(20% + 1px), rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.3) calc(30% + 1px), rgba(255, 255, 255, 0) calc(30% + 1px), rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.3) calc(40% + 1px), rgba(255, 255, 255, 0) calc(40% + 1px), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) calc(50% + 1px), rgba(255, 255, 255, 0) calc(50% + 1px), rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.3) calc(60% + 1px), rgba(255, 255, 255, 0) calc(60% + 1px), rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0.3) calc(70% + 1px), rgba(255, 255, 255, 0) calc(70% + 1px), rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.3) 80%, rgba(255, 255, 255, 0.3) calc(80% + 1px), rgba(255, 255, 255, 0) calc(80% + 1px), rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.3) 90%, rgba(255, 255, 255, 0.3) calc(90% + 1px), rgba(255, 255, 255, 0) calc(90% + 1px), rgba(255, 255, 255, 0) 100%); }@media (max-width: 666px) {.all-skills-items-item-level:before {top: 2px;bottom: 2px; } }.all-skills-items-item-level:after {content: '';position: absolute;left: 3px;top: 3px;bottom: 3px;width: 0;background-color: rgba(175, 198, 233, 0.8);color: #333333;border-radius: 999rem;display: flex;flex-direction: row;align-items: center;justify-content: center;font-size: 1rem;font-weight: 600;line-height: 1;padding-top: 0.2em;transition: transform 1s;transform-origin: 0% 50%;transform: scaleX(0); }@media (max-width: 666px) {.all-skills-items-item-level:after {left: 1px;top: 1px;bottom: 1px;font-size: 1.5rem; } }.all-skills-items-item-level.in-viewport:after {transform: scaleX(1); }.all-skills-items-item-level[data-level="1"]:after {content: '10%';font-size: 0.7rem;width: calc(10% - 3px); }@media (max-width: 666px) {.all-skills-items-item-level[data-level="1"]:after {width: calc(10% - 1px); } }.all-skills-items-item-level[data-level="2"]:after {content: '20%';width: calc(20% - 3px); }@media (max-width: 666px) {.all-skills-items-item-level[data-level="2"]:after {width: calc(20% - 1px); } }.all-skills-items-item-level[data-level="3"]:after {content: '30%';width: calc(30% - 3px); }@media (max-width: 666px) {.all-skills-items-item-level[data-level="3"]:after {width: calc(30% - 1px); } }.all-skills-items-item-level[data-level="4"]:after {content: '40%';width: calc(40% - 3px); }@media (max-width: 666px) {.all-skills-items-item-level[data-level="4"]:after {width: calc(40% - 1px); } }.all-skills-items-item-level[data-level="5"]:after {content: '50%';width: calc(50% - 3px); }@media (max-width: 666px) {.all-skills-items-item-level[data-level="5"]:after {width: calc(50% - 1px); } }.all-skills-items-item-level[data-level="6"]:after {content: '60%';width: calc(60% - 3px); }@media (max-width: 666px) {.all-skills-items-item-level[data-level="6"]:after {width: calc(60% - 1px); } }.all-skills-items-item-level[data-level="7"]:after {content: '70%';width: calc(70% - 3px); }@media (max-width: 666px) {.all-skills-items-item-level[data-level="7"]:after {width: calc(70% - 1px); } }.all-skills-items-item-level[data-level="8"]:after {content: '80%';width: calc(80% - 3px); }@media (max-width: 666px) {.all-skills-items-item-level[data-level="8"]:after {width: calc(80% - 1px); } }.all-skills-items-item-level[data-level="9"]:after {content: '90%';width: calc(90% - 3px); }@media (max-width: 666px) {.all-skills-items-item-level[data-level="9"]:after {width: calc(90% - 1px); } }.all-skills-items-item-level[data-level="10"]:after {content: '100%';width: calc(100% - 6px); }@media (max-width: 666px) {.all-skills-items-item-level[data-level="10"]:after {width: calc(100% - 2px); } }.all-skills-items-item-description {font-size: 1.25rem;background-color: #ececec;color: #333;padding: 0.5rem 2rem;border-radius: 1rem; }@media (max-width: 666px) {.all-skills-items-item-description {padding: 1rem 3rem;font-size: 2.5rem;border-radius: 1.5rem; } }.all-skills-items-item-link {padding: 0.5rem 2rem; }@media (max-width: 666px) {.all-skills-items-item-link {padding: 1rem 3rem; } }#chmBricks_Container {position: fixed;left: 50%;top: calc(6rem + 10px);margin-left: calc(-22.5vh);width: calc(45vh);height: calc(100vh - 6rem - 20px);overflow: hidden;transition: all 1s; }@media (max-width: 666px) {#chmBricks_Container {top: calc(10rem + 10px);height: calc(100vh - 10rem - 20px); } }#chmBricksAI_Controls {position: fixed;background-color: #fff;left: 0;top: 0;width: 100%;height: 6rem; }@media (max-width: 666px) {#chmBricksAI_Controls {height: 10rem; } }.chmBricksAI_Control {display: flex;position: absolute;align-items: center;justify-content: center;background-color: #fff;color: #0066ff;height: 100%; }.chmBricksAI_Control_Close {right: 0;width: 5rem;line-height: 1;cursor: pointer; }@media (max-width: 666px) {.chmBricksAI_Control_Close {width: 10rem; } }.back-link {cursor: pointer;color: #000;background-color: #fc0;transition: color 0.25s, background-color 0.25s, transform 0.25s;display: inline-flex;align-items: center;justify-content: center;/* margin-left: 0.1rem; */border-radius: 100%;width: 4rem;height: 4rem;font-size: 1.5rem;padding-top: 0.1em; }@media (max-width: 666px) {.back-link {width: 7rem;height: 7rem;font-size: 3rem; } }.chmBricksAI_Control_Close .back-link {color: #fff;background-color: #06f; }.chmBricksAI_Control_Switch {left: 0;/*width:calc(100% - 10vh);*/justify-content: left;font-size: 1.5rem;padding-right: 1rem; }@media (max-width: 666px) {.chmBricksAI_Control_Switch {font-size: 2.5rem; } }.chmBricksAI_Control_Multiplayer {left: 25vw;right: 25vw; }.chmBricksAI_Control_Multiplayer .btn {background-color: #ffcc00;color: #333;border-radius: 999rem;font-size: 1.25rem;padding: 1em 2em;font-weight: 400; }.chmBricksAI_Control_Multiplayer .btn i {margin-right: 0.5em; }@media (max-width: 666px) {.chmBricksAI_Control_Multiplayer .btn {font-size: 2.5rem; } }.chmBricksAI_Switch {position: relative;margin-left: 1rem;padding-left: 5rem;padding-top: 0.25rem;height: 100%;cursor: pointer;font-size: 1.5rem;display: inline-flex;flex-direction: row;align-items: center;justify-content: flex-start;line-height: 1; }@media (max-width: 666px) {.chmBricksAI_Switch {font-size: 2.5rem;padding-left: 5rem; } }.chmBricksAI_Switch:before {content: '';position: absolute;display: inline-block;left: 0;top: 50%;transform: translateY(-50%);height: 2rem;width: 4rem;border-radius: 1.5rem;background-color: #afc6e9;transition: all 0.5s; }.chmBricksAI_Switch:after {content: '';position: absolute;display: inline-block;left: 3px;top: 50%;transform: translateY(-50%);width: calc(2rem - 6px);height: calc(2rem - 6px);background-color: #fff;border-radius: 100%;transition: all 1s; }@media (max-width: 666px) {.chmBricksAI_Switch:after {left: 1px;width: calc(2rem - 2px);height: calc(2rem - 2px); } }.chmBricksAI_Switch.checked:before {background-color: #0066ff; }.chmBricksAI_Switch.checked:after {left: calc(2rem + 3px); }@media (max-width: 666px) {.chmBricksAI_Switch.checked:after {left: calc(2rem + 1px); } }.chmBricks_Controls {position: fixed;width: calc(50vw - 22.5vh);background-color: #afc6e9;height: calc(100vh - 6rem);top: 6rem;transition: all 1s;border: 5px solid #afc6e9;font-size: 10vh; }@media (max-width: 666px) {.chmBricks_Controls {height: calc(100vh - 10rem);top: 10rem; } }#chmBricks_Controls_Left {left: 0;z-index: 200000; }#chmBricks_Controls_Right {right: 0;z-index: 199999; }@media (min-aspect-ratio: 1100 / 1000) {#chmBricks_Controls_Left {max-width: 30vh; }#chmBricks_Controls_Right {max-width: 30vh; } }.chmBricks_Controls .chmBricks_Control {display: flex;position: absolute;align-items: center;justify-content: center;background-color: #0066ff;color: #fff;border: 5px solid #afc6e9; }.chmBricks_Controls .chmBricks_Control_Rotate {left: 0;top: 0;height: 33%;width: 100%; }.chmBricks_Controls .chmBricks_Control_Left {left: 0;top: 33%;height: 34%;width: 100%; }.chmBricks_Controls .chmBricks_Control_Right {right: 0;top: 33%;height: 34%;width: 100%; }.chmBricks_Controls .chmBricks_Control_Drop {left: 0;top: 67%;height: 33%;width: 100%; }#chmBricks_Controls_Left .chmBricks_Control_Drop {border-radius: 0 0 0 2rem; }#chmBricks_Controls_Right .chmBricks_Control_Drop {border-radius: 0 0 2rem 0; }.chmBricks_AI_active .chmBricks_Controls {width: 0;height: 0;top: 55%;font-size: 0;border-width: 0; }.chmBricks_AI_active .chmBricks_Control {border-width: 0; }@media (max-aspect-ratio: 800 / 1000) {#chmBricks_Container {height: calc(60% - 10px);width: calc(30vh - 5px);top: calc(10% + 10px);margin-left: calc(-15vh + 2.5px); }.chmBricks_Controls {height: 30%;width: 50%;top: auto;bottom: 0;font-size: 5vh;max-width: none !important; }.chmBricks_AI_active .chmBricks_Controls {top: auto; }#chmBricks_Controls_Left .chmBricks_Control_Drop {width: calc(200% + 10px);border-radius: 0 0 2rem 2rem; }#chmBricks_Controls_Right .chmBricks_Control_Drop {display: none; }#chmBricks_Controls_Left .chmBricks_Control_Rotate,#chmBricks_Controls_Left .chmBricks_Control_Left,#chmBricks_Controls_Right .chmBricks_Control_Rotate,#chmBricks_Controls_Right .chmBricks_Control_Right {width: calc(100% + 5px); }#chmBricks_Controls_Right .chmBricks_Control_Rotate {left: auto;right: 0; }.chmBricks_AI_active #chmBricks_Container {height: calc(90% - 20px);width: calc(45vh - 10px);margin-left: calc(-22.5vh + 5px); } }@media (max-aspect-ratio: 450 / 1000) {.chmBricks_AI_active #chmBricks_Container {left: 0;margin-left: 0;width: 100vw;height: 200vw; } }@media (max-aspect-ratio: 300 / 1000) {#chmBricks_Container {left: 0;margin-left: 0;width: 100vw;height: 200vw;top: auto;bottom: 30%; }.chmBricks_AI_active #chmBricks_Container {bottom: calc(50vh - 100vw); } }form div > input:not(:nth-child(2)) {position: absolute;left: -200vw; }#chmBricks_Container,#chmBricks_Container * {user-select: none; }#chmBricks_Container:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: transparent;z-index: 10000;user-select: none; }#chmBricks_Container * {padding: 0px;margin: 0px;font-family: Arial, sans-serif;font-size: 10pt; }#chmBricks_Container div.chmBricksInfo {position: absolute;top: 484px;left: 43px;width: 50px;height: 50px; }#chmBricks_Container div.chmBricksGameOver,#chmBricks_Container div.chmBricksPauseInfo,#chmBricks_Container div.chmBricksClearInfo {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.8; }#chmBricks_Container div.chmBricksPauseInfoText,#chmBricks_Container div.chmBricksClearInfoText {position: absolute;left: 0px;text-align: center;padding: 0px;padding-top: 5px;padding-bottom: 5px;font-size: 15pt;width: 100%; }#chmBricks_Container div.chmBricksGameOver {z-index: 3000;background-color: #000000; }#chmBricks_Container div.chmBricksPauseInfo {z-index: 1000;background-color: #CCCCCC; }#chmBricks_Container div.chmBricksGameOverText,#chmBricks_Container div.chmBricksPauseInfoText {position: absolute;padding: 0;left: 30%;top: 40%;width: 40%;height: 20%;border-radius: 100%;background-color: rgba(255, 255, 255, 0.7);background-position: center center;background-size: 50% auto;background-repeat: no-repeat;z-index: 1000000; }#chmBricks_Container div.chmBricksGameOverText {background-image: url("/_res/chmBricks/play.svg"); }#chmBricks_Container div.chmBricksPauseInfoText {background-image: url("/_res/chmBricks/pause.svg"); }#chmBricks_Container div.chmBricksClearInfo {z-index: 500;opacity: 0.2;background-color: #AAFFAA; }#chmBricks_Container div.chmBricksClearInfoText {z-index: 501;left: 2px;top: 40%;text-align: center;color: #000000;opacity: 0.3;background-color: #00FF00; }#chmBricks_Container div#chmBricksSchatten {background-color: #FFFFFF;z-index: 1000000;position: fixed;left: 0px;top: 0px;bottom: 0px;right: 0px;opacity: 0.8; }#chmBricks_Container .chmBricksBackground {height: 100%; }/*#chmBricks_Container div.chmBricksBackground {position:fixed;left:50%;margin-left:-502px;top:30px;width:1004px;height:621px;}*/#chmBricks_Container div.chmBricksRahmen {position: absolute;left: 0;top: 0;width: 100%;height: 100%; }#chmBricks_Container img.chmBricks_Brick_Bit {position: absolute;width: 10%;height: 5%; }#chmBricks_Container img.chmBricksStein_0,#chmBricks_Container img.chmBricksStein_1,#chmBricks_Container img.chmBricksStein_2,#chmBricks_Container img.chmBricksStein_3,#chmBricks_Container img.chmBricksStein_4,#chmBricks_Container img.chmBricksStein_5,#chmBricks_Container img.chmBricksStein_6,#chmBricks_Container img.chmBricksStein_7,#chmBricks_Container img.chmBricksStein_8,#chmBricks_Container img.chmBricksStein_9 {position: absolute;border-width: 0px; }#chmBricks_Container img.chmBricks_Background {position: absolute;left: 0;top: 0;width: 100%;height: 100%; }.overlay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.8);z-index: 100000; }.overlay.solid {background-color: white; }.overlay.dark {background-color: rgba(0, 0, 0, 0.5); }.overlay.dark.solid {background-color: black; }.overlay.blue {/*background-color: rgba(0, 102, 255, 0.7);*/background-color: rgba(175, 198, 233, 0.7); }.overlay.blue.solid {/*background-color: rgba(0, 102, 255, 1);*/background-color: #afc6e9; }.overlay {background-image: url("../res/img/background_landscape.svg");background-size: 100vw 100vh;background-position: center center; }@media (max-aspect-ratio: 85 / 100) {.overlay {background-image: url("../res/img/background_portrait.svg"); } }