div.wpforms-container-full,div.wpforms-container-full .wpforms-form *{background:none;border:0 none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;float:none;font-size:100%;height:auto;letter-spacing:normal;list-style:none;outline:none;position:static;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;width:auto;visibility:visible;overflow:visible;margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}div.wpforms-container-full{margin-left:auto;margin-right:auto}div.wpforms-container-full .wpforms-form amp-img>img{position:absolute}div.wpforms-container-full .wpforms-form input,div.wpforms-container-full .wpforms-form label,div.wpforms-container-full .wpforms-form select,div.wpforms-container-full .wpforms-form button,div.wpforms-container-full .wpforms-form textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;background:none;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.wpforms-container-full .wpforms-form textarea{max-width:100%;width:100%}div.wpforms-container-full .wpforms-form ul,div.wpforms-container-full .wpforms-form ul li{background:none !important;border:0 !important;margin:0 !important;padding:0 !important;list-style:none !important}div.wpforms-container-full .wpforms-form ul li{margin-bottom:5px !important}div.wpforms-container-full .wpforms-form ul li:last-of-type{margin-bottom:0 !important}div.wpforms-container-full .wpforms-form hr{border-top:1px solid #ccc;margin:0.5em auto}div.wpforms-container-full .wpforms-form fieldset{min-width:0}.flatpickr-calendar .flatpickr-current-month select{display:initial}@media only screen and (max-width: 600px){.flatpickr-calendar .flatpickr-current-month .numInputWrapper{width:calc(6ch - 14px)}.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp,.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown{display:none}}.wpforms-container .wpforms-form .wpforms-error-alert{border:1px solid #cccccc;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px 15px;font-size:14px;margin:0 0 10px 0}.wpforms-container .wpforms-form .wpforms-error-alert{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none}.wpforms-is-turnstile iframe{margin-left:-2px !important}.wpforms-container .wpforms-hidden{display:none !important}.wpforms-clear:before{content:" ";display:table}.wpforms-clear:after{clear:both;content:" ";display:table}div.wpforms-container-full .wpforms-form input.wpforms-field-medium,div.wpforms-container-full .wpforms-form select.wpforms-field-medium,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:60%}div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{height:120px}div.wpforms-container-full .wpforms-form input.wpforms-field-small,div.wpforms-container-full .wpforms-form select.wpforms-field-small,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small{max-width:25%}div.wpforms-container-full .wpforms-form textarea.wpforms-field-small{height:70px}div.wpforms-container-full .wpforms-form input.wpforms-field-large,div.wpforms-container-full .wpforms-form select.wpforms-field-large,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large{max-width:100%}div.wpforms-container-full .wpforms-form textarea.wpforms-field-large{height:220px}div.wpforms-container-full .wpforms-form .wpforms-field{padding:10px 0;clear:both}div.wpforms-container-full .wpforms-form .wpforms-field-description,div.wpforms-container-full .wpforms-form .wpforms-field-limit-text{font-size:13px;line-height:1.3;margin:8px 0 0 0;word-break:break-word;word-wrap:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description{background-color:#fff;border:1px solid #ddd;color:#444;padding:15px 15px 0;margin-top:15px;height:125px;overflow-y:scroll;overflow-x:hidden;font-size:12px}div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description p{color:#444;font-size:12px;line-height:18px;margin-bottom:15px}div.wpforms-container-full .wpforms-form .wpforms-field-description-before,div.wpforms-container-full .wpforms-form .wpforms-field-description.before{margin:0 0 8px 0}div.wpforms-container-full .wpforms-form .wpforms-field-label{display:block;font-weight:700;font-size:16px;float:none;line-height:1.3;margin:0 0 4px 0;padding:0;word-break:break-word;word-wrap:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-sublabel{display:block;font-size:13px;float:none;font-weight:400;line-height:1.3;margin:4px 0 0;padding:0;word-break:break-word;word-wrap:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.before{margin:0 0 4px 0}div.wpforms-container-full .wpforms-form .wpforms-field-label-inline{display:inline;vertical-align:baseline;font-size:16px;font-weight:400;line-height:1.3;word-break:break-word}div.wpforms-container-full .wpforms-form .wpforms-field-label.wpforms-label-hide,div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.wpforms-sublabel-hide{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}div.wpforms-container-full .wpforms-form .wpforms-required-label{color:#ff0000;font-weight:400}div.wpforms-container-full .wpforms-form .wpforms-field-row{margin-bottom:8px;position:relative}div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type{margin-bottom:0}div.wpforms-container-full .wpforms-form .wpforms-field-row:before{content:"";display:table}div.wpforms-container-full .wpforms-form .wpforms-field-row:after{clear:both;content:"";display:table}div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-one-half:only-child{margin-left:0}div.wpforms-container-full .wpforms-form .wpforms-five-sixths,div.wpforms-container-full .wpforms-form .wpforms-four-sixths,div.wpforms-container-full .wpforms-form .wpforms-four-fifths,div.wpforms-container-full .wpforms-form .wpforms-one-fifth,div.wpforms-container-full .wpforms-form .wpforms-one-fourth,div.wpforms-container-full .wpforms-form .wpforms-one-half,div.wpforms-container-full .wpforms-form .wpforms-one-sixth,div.wpforms-container-full .wpforms-form .wpforms-one-third,div.wpforms-container-full .wpforms-form .wpforms-three-fourths,div.wpforms-container-full .wpforms-form .wpforms-three-fifths,div.wpforms-container-full .wpforms-form .wpforms-three-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-fourths,div.wpforms-container-full .wpforms-form .wpforms-two-fifths,div.wpforms-container-full .wpforms-form .wpforms-two-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-thirds{float:left;margin-left:20px;clear:none}div.wpforms-container-full .wpforms-form .wpforms-one-half,div.wpforms-container-full .wpforms-form .wpforms-three-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-fourths{width:calc( 50% - 10px)}div.wpforms-container-full .wpforms-form .wpforms-one-third,div.wpforms-container-full .wpforms-form .wpforms-two-sixths{width:calc( 100% / 3 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-one-third.wpforms-first,div.wpforms-container-full .wpforms-form .wpforms-two-sixths.wpforms-first{width:calc( 100% / 3)}div.wpforms-container-full .wpforms-form .wpforms-four-sixths,div.wpforms-container-full .wpforms-form .wpforms-two-thirds{width:calc( 2 * 100% / 3 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-four-sixths.wpforms-first,div.wpforms-container-full .wpforms-form .wpforms-two-thirds.wpforms-first{width:calc( 2 * 100% / 3)}div.wpforms-container-full .wpforms-form .wpforms-one-fourth{width:calc( 25% - 20px)}div.wpforms-container-full .wpforms-form .wpforms-one-fourth.wpforms-first{width:25%}div.wpforms-container-full .wpforms-form .wpforms-three-fourths{width:calc( 75% - 20px)}div.wpforms-container-full .wpforms-form .wpforms-three-fourths.wpforms-first{width:75%}div.wpforms-container-full .wpforms-form .wpforms-one-fifth{width:calc( 100% / 5 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-one-fifth.wpforms-first{width:calc( 100% / 5)}div.wpforms-container-full .wpforms-form .wpforms-two-fifths{width:calc( 2 * 100% / 5 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-two-fifths.wpforms-first{width:calc( 2 * 100% / 5)}div.wpforms-container-full .wpforms-form .wpforms-three-fifths{width:calc( 3 * 100% / 5 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-three-fifths.wpforms-first{width:calc( 3 * 100% / 5)}div.wpforms-container-full .wpforms-form .wpforms-four-fifths{width:calc( 4 * 100% / 5 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-four-fifths.wpforms-first{width:calc( 4 * 100% / 5)}div.wpforms-container-full .wpforms-form .wpforms-one-sixth{width:calc( 100% / 6 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-one-sixth.wpforms-first{width:calc( 100% / 6)}div.wpforms-container-full .wpforms-form .wpforms-five-sixths{width:calc( 5 * 100% / 6 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-five-sixths.wpforms-first{width:calc( 5 * 100% / 6)}div.wpforms-container-full .wpforms-form .wpforms-first{clear:both !important;margin-left:0 !important}div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul,div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul{display:-ms-flex;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li{width:50%;display:block;padding-right:26px !important}div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li{width:33.3333%;display:block;padding-right:26px !important}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li{display:inline-block;vertical-align:top;margin-right:20px !important}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-half{float:left;width:48%;clear:both}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-half{float:right;width:48%;clear:none}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-third{float:left;width:30.666666667%;clear:both}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-middle-third{float:left;width:30.666666667%;margin-left:4%;clear:none}div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-third{float:right;width:30.666666667%;clear:none}div.wpforms-container-full .wpforms-form div.wpforms-last{float:right !important;margin-right:0 !important;clear:none}div.wpforms-container-full.inline-fields{overflow:visible}div.wpforms-container-full.inline-fields .wpforms-form{display:flex;align-items:flex-end}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container{display:table;width:calc(100% - 160px);float:left}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field{display:table-cell;padding-right:2%;vertical-align:top}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container{float:right;width:160px;clear:none;padding-bottom:10px}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit{display:block;width:100%}div.wpforms-container-full.inline-fields .wpforms-form input.wpforms-field-medium,div.wpforms-container-full.inline-fields .wpforms-form select.wpforms-field-medium,div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width:100%}div.wpforms-container-full .wpforms-form input[type=date],div.wpforms-container-full .wpforms-form input[type=datetime],div.wpforms-container-full .wpforms-form input[type=datetime-local],div.wpforms-container-full .wpforms-form input[type=email],div.wpforms-container-full .wpforms-form input[type=month],div.wpforms-container-full .wpforms-form input[type=number],div.wpforms-container-full .wpforms-form input[type=password],div.wpforms-container-full .wpforms-form input[type=range],div.wpforms-container-full .wpforms-form input[type=search],div.wpforms-container-full .wpforms-form input[type=tel],div.wpforms-container-full .wpforms-form input[type=text],div.wpforms-container-full .wpforms-form input[type=time],div.wpforms-container-full .wpforms-form input[type=url],div.wpforms-container-full .wpforms-form input[type=week],div.wpforms-container-full .wpforms-form select,div.wpforms-container-full .wpforms-form textarea{background-color:#fff;box-sizing:border-box;border-radius:2px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:none;font-size:16px;font-family:inherit;border:1px solid #ccc;padding:6px 10px;height:38px;width:100%;line-height:1.3}div.wpforms-container-full .wpforms-form textarea{min-height:38px;resize:vertical}div.wpforms-container-full .wpforms-form input[type=checkbox],div.wpforms-container-full .wpforms-form input[type=radio]{border:1px solid #ccc;background-color:#fff;width:14px;height:14px;margin:0 10px 0 3px;display:inline-block;vertical-align:baseline}div.wpforms-container-full .wpforms-form input[type=radio]{border-radius:50%}div.wpforms-container-full .wpforms-form select{max-width:100%;text-transform:none;white-space:nowrap}div.wpforms-container-full .wpforms-form select[multiple]{height:auto;overflow-y:scroll;background-image:none}div.wpforms-container-full .wpforms-form input[type=number]:read-only{appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield}div.wpforms-container-full .wpforms-form input[type=number]:read-only::-webkit-inner-spin-button{visibility:hidden}div.wpforms-container-full .wpforms-form input[type=submit],div.wpforms-container-full .wpforms-form button[type=submit],div.wpforms-container-full .wpforms-form .wpforms-page-button{background-color:#eee;border:1px solid #ddd;color:#333;font-size:1em;font-family:inherit;padding:10px 15px}div.wpforms-container-full .wpforms-form .wpforms-page-button{font-size:0.9em;font-weight:400;margin:0 5px;min-width:90px;text-align:center}div.wpforms-container-full .wpforms-form input[type=submit]:hover,div.wpforms-container-full .wpforms-form input[type=submit]:focus,div.wpforms-container-full .wpforms-form input[type=submit]:active,div.wpforms-container-full .wpforms-form button[type=submit]:hover,div.wpforms-container-full .wpforms-form button[type=submit]:focus,div.wpforms-container-full .wpforms-form button[type=submit]:active,div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,div.wpforms-container-full .wpforms-form .wpforms-page-button:active,div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{background-color:#ddd;border:1px solid #ccc;cursor:pointer}div.wpforms-container-full .wpforms-form input[type=submit]:disabled,div.wpforms-container-full .wpforms-form button[type=submit]:disabled,div.wpforms-container-full .wpforms-form .wpforms-page-button:disabled{background-color:#eee;border:1px solid #ddd;cursor:default;opacity:0.5}div.wpforms-container-full .wpforms-form input:focus,div.wpforms-container-full .wpforms-form textarea:focus,div.wpforms-container-full .wpforms-form select:focus,div.wpforms-container-full .wpforms-form .is-focused .choices__inner,div.wpforms-container-full .wpforms-form .is-open .choices__inner,div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown{border:1px solid #999;box-shadow:none}div.wpforms-container-full .wpforms-form input:disabled,div.wpforms-container-full .wpforms-form textarea:disabled,div.wpforms-container-full .wpforms-form select:disabled{background-color:#f9f9f9;border-color:#ddd;color:#999;cursor:not-allowed}div.wpforms-container-full .wpforms-error-container.wpforms-error-styled-container{padding:10px 0;font-size:15px}div.wpforms-container-full .wpforms-error-container.wpforms-error-styled-container .wpforms-error{padding:6px;border:1px solid #990000;border-left:5px solid}div.wpforms-container-full .wpforms-form .wpforms-error-container,div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript{color:#990000}div.wpforms-container-full .wpforms-form label.wpforms-error{display:block;color:#990000;font-size:12px;float:none;cursor:default;margin-top:8px}div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid,div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner{border:1px solid #cc0000}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration label.wpforms-error,div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code label.wpforms-error{display:none !important}.wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full{color:#333;margin:0 auto 24px;padding:15px 15px;overflow-wrap:break-word}.wpforms-confirmation-container-full iframe,div[submit-success]>.wpforms-confirmation-container-full iframe{width:100%;border:0}.wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){background:#e0ffc7;border:1px solid #b4d39b;box-sizing:border-box}.wpforms-confirmation-container-full p,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p{color:#333333}.wpforms-confirmation-container-full p:last-of-type,div[submit-success]>.wpforms-confirmation-container-full p:last-of-type{margin:0}.amp-form-submit-success .wpforms-field-container,.amp-form-submit-success .wpforms-submit-container{display:none}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container{padding:10px 0 20px 0;clear:both}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile-invisible{padding:0}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha,div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .h-captcha,div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .wpforms-turnstile{line-height:0;font-size:0}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha iframe,div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .h-captcha iframe,div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .wpforms-turnstile iframe{position:relative !important}div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container iframe{width:100%;max-width:100%}div.wpforms-container-full .wpforms-form .wpforms-title{font-size:26px;margin:0 0 10px 0}div.wpforms-container-full .wpforms-form .wpforms-description{margin:0 0 10px 0}div.wpforms-container-full .wpforms-form .wpforms-submit-container{padding:10px 0 0 0;clear:both;position:relative}div.wpforms-container-full .wpforms-form .wpforms-submit-spinner{margin-inline-start:0.5em;display:inline-block;vertical-align:middle;max-width:26px}div.wpforms-container-full .wpforms-form .wpforms-field-pagebreak:empty{display:none}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-center{text-align:center}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left{text-align:left}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button{margin:0 10px 0 0}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right{text-align:right}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right .wpforms-page-button{margin:0 0 0 10px}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-prev{float:left;margin:0}div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-next{float:right;margin:0}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-number{margin-right:100px;width:calc( 100% - 120px)}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code{position:absolute;right:0;top:0;width:110px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-name{margin-right:170px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration{position:absolute;right:0;top:0;width:160px}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration select{width:45%;float:left;display:block}div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration span{float:left;width:10%;text-align:center;line-height:38px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{-webkit-appearance:none;appearance:none;height:10px;background:#fff;border:1px solid #CCC;border-radius:5px;outline:none;padding:0;margin:10px 0 5px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-track{color:transparent}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb{width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb{width:17px;height:17px;background:#B5B5B5;cursor:pointer;border-radius:100%}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint{font-size:13px}div.wpforms-container-full .wpforms-form .wpforms-field-stripe-credit-card-cardnumber,div.wpforms-container-full .wpforms-form input.wpforms-stripe-credit-card-hidden-input{background-color:#fff;box-sizing:border-box;border-radius:2px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:none;font-size:16px;border:1px solid #ccc;padding:8px 10px;height:38px;width:100%;line-height:1.3}div.wpforms-container-full .wpforms-form .wpforms-stripe-element-invalid{border:1px solid #cc0000 !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ul,div.wpforms-container-full .wpforms-form .wpforms-field-html ol{margin:0 0 20px !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ul li,div.wpforms-container-full .wpforms-form .wpforms-field-html ol li{margin:0 0 5px 0 !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ul li{list-style:disc !important}div.wpforms-container-full .wpforms-form .wpforms-field-html ol li{list-style:decimal !important}div.wpforms-container-full .wpforms-form .wpforms-field-html li>ul,div.wpforms-container-full .wpforms-form .wpforms-field-html li>ol{margin:6px 0 0 20px !important}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row{display:flex;flex-wrap:wrap;align-items:start;gap:10px 12px}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row::before,div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row::after{position:absolute}div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;width:clamp(calc( 50% - 12px), 100px, 100%)}div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown+.wpforms-field-row-block{width:clamp(calc( 50% - 12px), 100px, 100%);flex:1;min-width:30%}div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-date-dropdown-wrap{width:100%}div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-dropdown .wpforms-field-sublabel{width:100%}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;margin:0 -6px 0 -6px}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small{width:calc( 25% + 12px)}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-small select{appearance:none;background-image:none;padding-left:5px;padding-right:5px}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-medium{width:calc( 60% + 12px)}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-large{width:calc( 100% + 12px)}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-dropdown-wrap select{margin:0 6px 0 6px}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-row-block .wpforms-field-date-dropdown-wrap{width:100%}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-day,div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-month{width:calc( 30% - 12px)}div.wpforms-container-full .wpforms-field-date-time .wpforms-field-date-time-date-year{width:calc( 40% - 12px)}div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-datepicker{width:clamp(calc( 50% - 12px), 100px, 100%)}div.wpforms-container-full .wpforms-field-date-time .wpforms-date-type-datepicker+.wpforms-field-row-block{width:clamp(50%, 100px, 100%)}div.wpforms-container-full .wpforms-datepicker-wrap{position:relative}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear{position:absolute;background-image:url(//sp-kreativdesign.de/wp-content/plugins/wpforms-lite/assets/pro/images/times-solid-white.svg) !important;background-position:50% 50% !important;background-repeat:no-repeat !important;background-color:#cccccc !important;background-size:8px !important;width:16px;height:16px;cursor:pointer;display:block;border-radius:50%;right:10px;top:50%;margin-top:-8px;transition:all 0.3s}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover,div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear:focus{background-color:red !important}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-small+.wpforms-datepicker-clear{right:calc( 75% + 10px)}div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-medium+.wpforms-datepicker-clear{right:calc( 40% + 10px)}div.wpforms-container-full .wpforms-form .wpforms-captcha-math input{display:inline-block;width:70px;vertical-align:inherit;margin:0 0 0 5px}div.wpforms-container-full .wpforms-form .wpforms-captcha-equation{font-size:16px}div.wpforms-container-full .wpforms-form .wpforms-captcha-question{margin:0 0 4px 0}div.wpforms-container-full .wpforms-form .wpforms-field-rating-item{padding-right:6px}div.wpforms-container-full .wpforms-form .wpforms-field-rating svg{cursor:pointer;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;opacity:0.60}div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg,div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:1}div.wpforms-container-full .wpforms-form .wpforms-field-rating-wrapper{display:inline-block}div.wpforms-container-full .wpforms-form .wpforms-field-rating-labels{display:flex;justify-content:space-between;gap:10px}div.wpforms-container-full .wpforms-form .wpforms-field-layout{padding:0}div.wpforms-field-file-upload .wpforms-hide{display:none !important}div.wpforms-field-file-upload input[type=file]{font-style:normal;font-weight:400;font-size:16px;line-height:22px;padding:1px;height:auto;width:60%;border:none !important;box-shadow:none}div.wpforms-field-file-upload input[type=file]::-webkit-file-upload-button{padding:4px 12px;font-weight:400;font-size:14px;margin-right:10px;cursor:pointer;transition:all 0.15s ease-out}div.wpforms-field-file-upload input[type=file]:hover::-webkit-file-upload-button{background:#eeeeee}div.wpforms-field-file-upload p.wpforms-file-upload-capture-camera-classic{margin-top:20px;display:block}div.wpforms-field-file-upload p.wpforms-file-upload-capture-camera-classic a.camera{color:var(--wpforms-field-text-color);text-decoration:underline}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern{border:2px dashed rgba(0,0,0,0.1);background:rgba(0,0,0,0.02);padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-with-files{padding:5px;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern svg{height:50px;width:50px;color:#e27730}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-title{font-weight:bold}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-hint{color:rgba(0,0,0,0.1)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-highlighted{border-color:#e27730}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-text{display:flex;align-items:center;justify-content:center;flex-direction:column}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block{width:100px;height:100px;border:1px solid rgba(0,0,0,0.1);background:#fff;background-size:cover !important;margin:5px;position:relative;display:flex;align-items:center;justify-content:center;cursor:default}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block:hover .wpforms-overlay{opacity:1}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);opacity:0}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close{position:absolute;right:5px;top:5px;cursor:pointer;display:block;width:18px;height:18px}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-title{position:absolute;font-size:12px;color:#fff;top:25px;bottom:10px;left:5px;right:5px;overflow-y:auto;line-height:16px}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left,div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right{height:18px;width:1px;background:#fff;position:absolute;display:block;z-index:1;right:9px}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right{-webkit-transform:rotate(45deg);transform:rotate(45deg)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block svg{height:25px;width:25px;color:rgba(0,0,0,0.1)}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-progress{height:5px;width:0;position:absolute;bottom:0;left:0;background:#e27730;transition:all 0.5s}div.wpforms-field-file-upload .wpforms-file-upload-builder-modern input[type="file"]{display:none}.wpforms-container .wpforms-field-radio .wpforms-other-input{margin-top:16px}body div.wpforms-container-full .wpforms-camera-link{color:#036AAB;text-decoration:underline;font-size:16px}body div.wpforms-container-full .wpforms-camera-link:hover{text-decoration:none}body div.wpforms-container-full .wpforms-camera-link:focus{outline:2px solid #036AAB;outline-offset:2px;text-decoration:none}body div.wpforms-container-full .wpforms-field-camera .wpforms-camera-button{display:inline-flex;align-items:center;gap:7px;line-height:100%;cursor:pointer;padding:0 15px;border:1px solid #ccc;height:41px;background-color:#fff;color:#333;font-size:16px}body div.wpforms-container-full .wpforms-field-camera .wpforms-camera-button:hover,body div.wpforms-container-full .wpforms-field-camera .wpforms-camera-button:focus{border-color:#bbb}body div.wpforms-container-full .wpforms-field-camera .wpforms-camera-button svg{fill:#bbb;width:1.1em;height:auto;flex-shrink:0;vertical-align:middle}body div.wpforms-container-full .wpforms-field-camera input[type="file"]{display:none}body div.wpforms-container-full .wpforms-field-camera .wpforms-camera-selected-file{display:none;align-items:center;gap:10px;color:#777777;font-size:15px}body div.wpforms-container-full .wpforms-field-camera .wpforms-camera-selected-file svg{fill:#D63638;cursor:pointer}body div.wpforms-container-full .wpforms-field-camera .wpforms-camera-selected-file svg:hover{opacity:.75}body div.wpforms-container-full .wpforms-field-camera .wpforms-camera-selected-file .wpforms-camera-remove-file{height:15px}body div.wpforms-container-full .wpforms-field-camera .wpforms-camera-selected-file.wpforms-camera-selected-file-active{display:inline-flex}body div.wpforms-container-full .wpforms-layout-column-33 .wpforms-camera-selected-file.wpforms-camera-selected-file-active{display:block}body div.wpforms-container-full .wpforms-layout-column-33 .wpforms-camera-selected-file.wpforms-camera-selected-file-active button{margin-left:5px}body div.wpforms-container-full div.wpforms-camera-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:999999}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-actions{justify-content:space-between;position:relative}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-video-countdown{font-family:monospace;font-size:14px;color:#999999;flex:0 0 auto;font-weight:500;min-width:120px;text-align:left;white-space:nowrap}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-video-countdown span{display:inline-block}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-video-countdown div{display:inline}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-capture,body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-countdown,body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-stop{position:absolute;left:50%;transform:translateX(-50%)}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-capture{background-color:#D63638}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-capture:hover{background-color:#b32d2e}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-stop{width:48px;height:48px;border-radius:50%;background-color:#D63638;display:flex;align-items:center;justify-content:center;cursor:pointer}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-stop:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:18px;height:18px;background-color:#fff;border-radius:4px}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-stop:hover{background-color:#b32d2e}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-buttons button{border:none}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-cancel{width:26px;background:url(//sp-kreativdesign.de/wp-content/plugins/wpforms-lite/assets/pro/images/camera-video.svg) no-repeat center}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-crop{background:url(//sp-kreativdesign.de/wp-content/plugins/wpforms-lite/assets/images/crop.svg) no-repeat center}body div.wpforms-container-full div.wpforms-camera-modal{background:#FFFFFF;max-width:100%;width:540px;height:440px;display:flex;flex-direction:column;border-radius:9px;box-shadow:-4px 5px 15px 0 rgba(0,0,0,0.15);overflow:hidden;position:relative;z-index:1000000}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-header{display:flex;height:62px;padding:16px 30px;justify-content:space-between;align-items:center}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-header .wpforms-camera-modal-title{font-size:18px;font-weight:700;color:#444444}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-header .wpforms-camera-modal-close{cursor:pointer;width:12px;height:12px;display:flex;justify-content:center;align-items:center}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-header .wpforms-camera-modal-close svg{fill:#BBBBBB;width:12px;height:12px}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-header .wpforms-camera-modal-close:hover{opacity:.75}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content{min-height:300px;background-color:#dedede;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview{display:none;width:100%;height:auto;position:relative;overflow:hidden;justify-content:center}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview video{max-width:100%;height:auto;width:auto}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview .wpforms-camera-captured-photo{max-width:100%;height:auto;width:auto}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview cropper-canvas{min-height:0;width:100%;height:100%;display:block}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview cropper-canvas cropper-shade{outline-style:solid;outline-color:rgba(0,0,0,0.75)}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview cropper-canvas cropper-image{max-width:100%;max-height:100%}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview cropper-canvas cropper-handle::after{width:8px !important;height:8px !important}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview cropper-canvas cropper-selection{min-width:auto}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview cropper-canvas cropper-handle{background-color:transparent;height:15px;position:absolute;width:15px}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview cropper-canvas cropper-handle[action=move]{height:100%;left:0;top:0;width:100%}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview cropper-canvas cropper-grid{position:absolute}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview cropper-canvas cropper-grid[bordered]{border:2px solid #fff !important}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-error{display:none;padding:20px;text-align:center;color:#d63637;font-size:16px;line-height:1.5}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer{height:78px;min-height:78px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6e9ec}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-text{font-size:14px;color:#555}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions{display:flex;width:100%;justify-content:space-between;align-items:center}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions button{border:none;outline:none}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-capture{width:48px;height:48px;border-radius:50%;background-color:#036AAB;display:flex;align-items:center;justify-content:center;cursor:pointer}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-capture:hover,body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-capture:focus{outline:none;background-color:#215d8f}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-capture:disabled{opacity:.5;cursor:not-allowed}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-capture,body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-countdown{position:absolute;left:50%;transform:translateX(-50%)}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-flip{display:none;position:absolute;right:20px;width:24px;height:24px;background:url(//sp-kreativdesign.de/wp-content/plugins/wpforms-lite/assets/pro/images/camera-rotate.svg) no-repeat center;cursor:pointer}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-flip:hover{opacity:.75}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-countdown{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#999999;font-size:24px;font-weight:500}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-countdown svg{position:absolute;top:0;left:0;width:48px;height:48px;transform:rotate(-90deg)}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-countdown circle{cx:24px;cy:24px;r:calc((48px - 4px) / 2);stroke-width:4px;fill:none}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-countdown circle.bg{stroke:#dedede}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-countdown circle.progress{stroke:#036AAB;stroke-linecap:round;transform-origin:24px 24px}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-countdown.animate circle.progress{animation:wpforms-camera-countdown 3s linear forwards}@keyframes wpforms-camera-countdown{0%{stroke-dasharray:0 calc(calc((48px - 4px) / 2) * 3.14159 * 2)}100%{stroke-dasharray:calc(calc((48px - 4px) / 2) * 3.14159 * 2) 0}}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons{display:flex;width:100%;justify-content:space-between;align-items:center}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons button{border:none;outline:none}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons button:focus{outline:none}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-cancel{width:24px;height:24px;background:url(//sp-kreativdesign.de/wp-content/plugins/wpforms-lite/assets/pro/images/camera.svg) no-repeat center;cursor:pointer}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-cancel:hover{opacity:.75}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-accept,body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-accept-crop{font-size:15px;padding:0 15px;background-color:#036AAB;color:#fff;border-radius:3px;height:41px;font-weight:500;line-height:100%;cursor:pointer}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-accept:hover,body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-accept:focus,body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-accept-crop:hover,body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-accept-crop:focus{background-color:#215d8f}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-crop{visibility:hidden;width:24px;height:24px;background:url(//sp-kreativdesign.de/wp-content/plugins/wpforms-lite/assets/pro/images/crop.svg) no-repeat center;cursor:pointer}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-crop:hover{opacity:.75}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-crop-cancel{width:24px;height:24px;background:url(//sp-kreativdesign.de/wp-content/plugins/wpforms-lite/assets/pro/images/cancel.svg) no-repeat center;cursor:pointer}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-crop-cancel:hover{opacity:.75}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-cancel-video{width:24px;height:24px;background:url(//sp-kreativdesign.de/wp-content/plugins/wpforms-lite/assets/pro/images/trash.svg) no-repeat center;cursor:pointer}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-cancel-video:hover{opacity:.75}body.wpforms-camera-modal-open{overflow:hidden;position:fixed;width:100%}@media only screen and (max-width: 767px) and (orientation: portrait){body div.wpforms-container-full div.wpforms-camera-modal{height:75vh;max-height:75vh;width:90vw;max-width:90vw}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-header{padding:20px 16px}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content{min-height:0;height:100%}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview{height:auto;width:100%}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer{padding:0 20px}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-flip.wpforms-camera-flip-active{display:block}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-flip{position:static}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video .wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-video-countdown span{text-align:left}}@media only screen and (max-width: 1024px) and (orientation: landscape){body div.wpforms-container-full div.wpforms-camera-modal{flex-direction:row;width:80vw;max-width:90vw;height:75vh;max-height:75vh}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content{min-height:0;height:100%;flex-grow:1}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview{height:auto;width:auto}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-content .wpforms-camera-preview .wpforms-camera-captured-photo{object-fit:cover}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-header{flex-direction:column-reverse;height:100%;padding:20px 16px}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-header .wpforms-camera-modal-title{writing-mode:vertical-lr;transform:rotate(180deg);text-align:center}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer{height:100%;flex-direction:row;padding:20px 0;width:78px;min-width:78px}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions{justify-content:center;display:flex;flex-direction:column-reverse}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-capture,body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-countdown,body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-stop{position:relative;left:auto;transform:none}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-flip{left:calc(100% - 52px);top:20px}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-flip.wpforms-camera-flip-active{display:block}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons{flex-direction:column-reverse;height:100%}body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-accept,body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-buttons .wpforms-camera-accept-crop{transform:rotate(-90deg);transform-origin:center;width:max-content}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video div.wpforms-camera-modal .wpforms-camera-preview{max-height:100%}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video div.wpforms-camera-modal .wpforms-camera-preview video{max-height:100%;object-fit:cover}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video div.wpforms-camera-modal .wpforms-camera-preview .wpforms-camera-captured-photo{object-fit:cover}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions{height:100%}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-capture,body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-countdown,body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-stop{position:absolute;left:auto;top:50%;transform:translateY(-50%)}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-flip{position:static}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-video-countdown{min-width:auto}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-video-countdown span{text-align:center}body div.wpforms-container-full div.wpforms-camera-modal-overlay.wpforms-camera-format-video div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-modal-actions .wpforms-camera-video-countdown div{display:none !important}}@media only screen and (max-width: 767px){body div.wpforms-container-full div.wpforms-camera-modal .wpforms-camera-modal-footer .wpforms-camera-video-countdown div{display:none !important}}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label:not(.wpforms-error){cursor:pointer;position:relative}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label input{top:50%}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li{margin:5px 5px 5px 5px !important}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img{display:inline-block;margin:0 auto;max-width:100%}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error){background-color:#fff;display:block;margin:0 auto;border:1px solid #fff;border-radius:3px;padding:20px 20px 18px 20px;transition:all 0.5s;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):hover,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):focus{border:1px solid #ddd}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) label{box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after{content:"\2714";font-size:22px;line-height:32px;color:#fff;background:green;opacity:0;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;transition:all 0.5s}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-image:after{opacity:1}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image{display:block;position:relative}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern li:has(input:checked) .wpforms-image-choices-label{font-weight:700}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label{display:block;margin-top:12px}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-classic li{margin:0 10px 10px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic img{display:inline-block;margin:0 auto;max-width:100%}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error){background-color:#fff;display:block;margin:0 auto;border:2px solid #fff;padding:10px;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):hover,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):focus{border-color:#ddd}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-image{display:block}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label,div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic li:has(input:checked) label{border-color:#666 !important}div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-label{display:block;margin-top:8px}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices *{box-sizing:border-box}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices{display:flex;flex-direction:column;width:100%;padding:0 1px 0 1px !important;margin:12px 0 -20px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices+.wpforms-field-description,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices+.wpforms-error{margin-top:15px}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices li{min-width:120px;padding-right:0 !important;margin:0 0 20px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices label{position:relative;display:block;margin:0;cursor:pointer}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-icon{display:block}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices svg{margin:0 auto;fill:var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none svg{margin:0}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin:0 0 22px 0 !important}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label{text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon{position:relative;z-index:1;margin-bottom:10px;padding:15px 20px 45px 20px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:6px}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg{position:relative;z-index:2}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:6px;background-color:#ffffff}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon{background-color:transparent;box-shadow:0 0 0 1px var(--wpforms-icon-choices-color);box-sizing:border-box}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon-bg{background-color:var(--wpforms-icon-choices-color);opacity:.1}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label{background-color:#ffffff !important;box-shadow:0 0 0 1px #cccccc;border-radius:6px;height:100%;padding:20px 20px 15px 20px;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color),0 2px 10px rgba(0,0,0,0.15)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon{margin-bottom:10px}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label{background-color:#ffffff !important;height:100%;padding:20px 20px 15px 20px;text-align:center}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover{box-shadow:0 0 0 1px #999999}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label{box-shadow:0 0 0 1px #999999}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label,div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:has(input:checked) label{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon{margin-bottom:10px}div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:50%;margin:15px auto 0}div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";position:absolute;z-index:2;bottom:calc(15px + 4px);left:calc(50% - 4px);display:block;width:8px;height:8px;background-color:var(--wpforms-icon-choices-color);border-radius:50%}div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before{content:"";position:absolute;z-index:2;bottom:15px;left:calc(50% - 8px);display:block;width:16px;height:16px;background-color:#ffffff;box-shadow:0 0 0 1px #cccccc;border-radius:3px;margin:15px auto 0}div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:before{box-shadow:0 0 0 1px var(--wpforms-icon-choices-color)}div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li:has(input:checked) .wpforms-icon-choices-icon:after{content:"";box-sizing:border-box;display:block;position:absolute;z-index:2;bottom:23px;left:calc(50% - 6px);width:6px;height:10px;border-style:solid;border-color:var(--wpforms-icon-choices-color);border-width:0 2px 2px 0;transform-origin:bottom left;transform:rotate(45deg)}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices,div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices{flex-direction:row;flex-wrap:wrap}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li,div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li{margin-right:20px !important}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li{margin-right:22px !important;margin-bottom:22px !important}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li{width:calc( 100% / 2 - 20px / 2)}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n){margin-right:0 !important}div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 2 - 22px / 2)}div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li{width:calc( 100% / 3 - 20px * 2 / 3)}div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n){margin-right:0 !important}div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li{width:calc( 100% / 3 - 22px * 2 / 3)}div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li{width:auto;max-width:calc( 100% / 4 - 20px)}div.wpforms-container-full .wpforms-form .wpforms-page-indicator{margin:0 0 20px 0;overflow:hidden}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:15px 10px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{float:left;margin:0 20px 0 0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type{margin:0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{height:40px;width:40px;border-radius:50%;display:inline-block;margin:0 10px 0 0;line-height:40px;text-align:center;background-color:#ddd;color:#666}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number{color:#fff}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page{float:left;text-align:center;font-size:16px;line-height:1.2}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number{display:block;text-indent:-9999px;height:6px;background-color:#ddd;margin:0 0 16px 0;position:relative}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle{position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-5px;border-style:solid;border-width:6px 5px 0 5px;border-color:transparent transparent transparent transparent}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:inline-block;padding:0 15px;font-size:16px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress{font-size:18px}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap{display:block;width:100%;background-color:#ddd;height:18px;border-radius:10px;overflow:hidden;position:relative;margin:5px 0 0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress{height:18px;position:absolute;left:0;top:0}div.wpforms-container-full .wpforms-form .wpforms-field-select select>option{color:inherit}div.wpforms-container-full .wpforms-form .wpforms-field-select select>option.placeholder,div.wpforms-container-full .wpforms-form .wpforms-field-select select>option[disabled]{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]{padding:0}@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none){div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]{padding:10px 8px}}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option{padding:8px 10px;box-shadow:0 1px 0 0 rgba(0,0,0,0.1)}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option.placeholder,div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option[disabled]{box-shadow:0 1px 0 0 rgba(0,0,0,0.2)}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option:checked{background-color:lightgrey}@supports (font: -apple-system-body) and (-webkit-appearance: none) and (-webkit-hyphens: none){div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select{text-indent:2px}}div.wpforms-container-full .wpforms-form .choices{font-size:16px;color:#333}div.wpforms-container-full .wpforms-form .choices .choices__list--single{font-size:1em;line-height:normal}div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__inner,div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown{border-radius:0 0 2px 2px}div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown,div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner{border-radius:2px 2px 0 0}div.wpforms-container-full .wpforms-form .choices .choices__inner{min-height:38px;line-height:38px;border-radius:2px;padding-top:0}div.wpforms-container-full .wpforms-form .choices input.choices__input{display:inline-block;height:auto;line-height:1.3}div.wpforms-container-full .wpforms-form .choices ::-webkit-input-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-form .choices ::-moz-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-form .choices :-ms-input-placeholder{color:inherit;opacity:0.5}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple:empty+.choices__input{min-width:100% !important;text-overflow:ellipsis;padding-right:4px !important;margin-bottom:1px !important;white-space:nowrap}div.wpforms-container-full .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner input[disabled]{opacity:1}div.wpforms-container-full .wpforms-notice{background-color:#fff;border:1px solid #ddd;border-left-width:12px;color:#333;font-size:16px;line-height:1.5;margin-bottom:30px;padding:20px 36px 20px 26px;position:relative}div.wpforms-container-full .wpforms-notice .wpforms-delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,0.2);border:none;border-radius:290486px;cursor:pointer;display:inline-block;height:20px;margin:0;padding:0;outline:none;vertical-align:top;width:20px;position:absolute;right:10px;top:10px}div.wpforms-container-full .wpforms-notice .wpforms-delete:before,div.wpforms-container-full .wpforms-notice .wpforms-delete:after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}div.wpforms-container-full .wpforms-notice .wpforms-delete:before{height:2px;width:50%}div.wpforms-container-full .wpforms-notice .wpforms-delete:after{height:50%;width:2px}div.wpforms-container-full .wpforms-notice .wpforms-delete:hover,div.wpforms-container-full .wpforms-notice .wpforms-delete:focus{background-color:rgba(10,10,10,0.3)}div.wpforms-container-full .wpforms-notice a{text-decoration:underline}div.wpforms-container-full .wpforms-notice p{margin:0 0 20px 0}div.wpforms-container-full .wpforms-notice p:last-of-type{margin-bottom:0}div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-info{border-color:#3273dc}div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-success{border-color:#23d160}div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-warning{border-color:#ffdd57}div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action,div.wpforms-container-full .wpforms-notice.wpforms-error{border-color:#ff3860}div.wpforms-container-full .wpforms-notice .wpforms-notice-actions{margin-top:20px}div.wpforms-container-full .wpforms-notice .wpforms-notice-action{border:2px solid;margin-right:20px;padding:5px;text-decoration:none}div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active{color:#fff}div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active{background-color:#3273dc}div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active{background-color:#23d160}div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active{background-color:#ffdd57;color:inherit}div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover,div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus,div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active{background-color:#ff3860}div.wpforms-container-full .wpforms-form textarea.wpforms-field-small.wp-editor-area{height:100px}div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium.wp-editor-area{height:250px}div.wpforms-container-full .wpforms-form textarea.wpforms-field-large.wp-editor-area{height:400px}.wpforms-preview-notice-links{line-height:2.4}.wpforms-preview-notice{background-color:#fcf9e8;border:1px solid #f5e6ab;padding:15px;box-sizing:border-box;font-size:16px}.wpforms-preview-notice p{margin:0}div.wpforms-container-full{margin:24px auto}div.wpforms-container-full .wpforms-form h3{font-size:24px}div.wpforms-container-full .wpforms-form .wpforms-field-hp{display:none !important;position:absolute !important;left:-9000px !important}div.wpforms-container-full .wpforms-form .wpforms-field-hidden{display:none;padding:0}div.wpforms-container-full .wpforms-form .wpforms-screen-reader-element{position:absolute !important;clip:rect(0, 0, 0, 0) !important;height:1px !important;width:1px !important;border:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;word-wrap:normal !important}div.wpforms-container-full .wpforms-form .wpforms-limit-text{font-size:13px;display:block}body.rtl .wpforms-field-phone input[type=tel]{direction:ltr;unicode-bidi:embed;text-align:right}body.rtl .wpforms-container-full .wpforms-form .wpforms-first{float:right}body.rtl .wpforms-container-full .wpforms-form .wpforms-first+.wpforms-one-half{margin-right:4%;margin-left:0}div.wpforms-container-full .wpforms-form .wpforms-error-container ul li{list-style:inside !important}div.wpforms-container-full .wpforms-form .wpforms-error-container ol li{list-style:inside decimal !important}div.wpforms-container-full .wpforms-form .wpforms-error-container a{text-decoration:underline !important}div.wpforms-container-full .wpforms-form .wpforms-error-container del{text-decoration:line-through !important}div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote{padding-left:20px;border-left:4px solid;font-style:italic}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content{display:flex;align-items:center;gap:15px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price{width:calc(60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-small{text-wrap:balance;width:calc(25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content .wpforms-single-item-price.wpforms-field-large{width:calc(100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-payment-single .wpforms-single-item-price-content select.wpforms-payment-quantity{margin-left:0;height:30px;min-height:30px;font-size:14px;padding-top:0;padding-bottom:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{display:inline-block;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-quantity{display:inline-block;margin-inline-start:15px;width:70px;min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern{display:flex;flex-wrap:wrap;column-gap:15px;align-items:flex-start}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-label{min-width:100%}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .choices{margin-bottom:5px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{flex-grow:1;max-width:calc( 60% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-small{max-width:calc( 25% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row.wpforms-field-large{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity{flex-basis:70px;max-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-payment-quantity .choices__list--dropdown{min-width:70px}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-description{flex-basis:100%;margin-top:0}.wpforms-container .wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-error{flex-basis:100%}@media only screen and (max-width: 600px){.wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price{width:calc( 100% - 85px) !important;max-width:100% !important}.wpforms-form .wpforms-payment-quantities-enabled .wpforms-single-item-price-content .wpforms-single-item-price{width:calc( 100% - 70px) !important}.wpforms-form .wpforms-payment-quantities-enabled.wpforms-field-select-style-modern .wpforms-field-row{width:calc( 100% - 85px) !important;max-width:100% !important}}#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-medium,#wpforms-form-page-page .wpforms-form .wpforms-payment-quantities-enabled select.wpforms-payment-price.wpforms-field-small{max-width:calc( 100% - 85px)}.wpforms-container .wpforms-form .wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.wpforms-confirmation-container-full .wpforms-order-summary-container{display:block;max-width:60%}.wpforms-container .wpforms-form .wpforms-order-summary-container *,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container *,.wpforms-confirmation-container-full .wpforms-order-summary-container *{word-break:break-word;box-sizing:border-box}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{width:100%;table-layout:fixed}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{text-align:center}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:left}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-align:right}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:8ch}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:none}@media (max-width: 600px){.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity{width:4ch}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-short{display:inline}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-quantity .wpforms-order-summary-item-quantity-label-full{display:none}}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{width:6ch;text-align:right}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{text-align:left}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:left}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{text-align:right}.wpforms-container .wpforms-form .size-large>.wpforms-order-summary-container,.wpforms-container .wpforms-form .wpforms-field-large>.wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .size-large>.wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .wpforms-field-large>.wpforms-order-summary-container,.wpforms-confirmation-container-full .size-large>.wpforms-order-summary-container,.wpforms-confirmation-container-full .wpforms-field-large>.wpforms-order-summary-container{max-width:100%}.wpforms-container .wpforms-form .size-medium>.wpforms-order-summary-container,.wpforms-container .wpforms-form .wpforms-field-medium>.wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .size-medium>.wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .wpforms-field-medium>.wpforms-order-summary-container,.wpforms-confirmation-container-full .size-medium>.wpforms-order-summary-container,.wpforms-confirmation-container-full .wpforms-field-medium>.wpforms-order-summary-container{max-width:60%}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{border-radius:4px;border:1px solid #e2e2e2;border-collapse:separate}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td{border-top:1px solid #e2e2e2;border-bottom:none;border-left:none;border-right:none}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{font-weight:400;border:none}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th{padding:9px 0;line-height:20px;background:none}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{text-wrap:balance;padding-left:10px}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-label,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-label{padding-right:10px;padding-left:0}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-right:10px}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td.wpforms-order-summary-item-price,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr th.wpforms-order-summary-item-price{padding-left:10px;padding-right:0}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-left:10px}.rtl .wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td,.rtl .wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-placeholder td{padding-right:10px;padding-left:0}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td{font-weight:700}.wpforms-container .wpforms-form .wpforms-order-summary-container,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.wpforms-confirmation-container-full .wpforms-order-summary-container{font-size:16px}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview{border-color:color-mix(in srgb, currentColor 25%, transparent)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total),.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total),.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr td:not(.wpforms-order-summary-preview-total){color:color-mix(in srgb, currentColor 50%, transparent);border-color:color-mix(in srgb, currentColor 50%, transparent)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-coupon-total td.wpforms-order-summary-item-price{color:#990000;border-color:color-mix(in srgb, black 25%, transparent)}.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-container .wpforms-form .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-confirmation-container-order-summary .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-total td,.wpforms-confirmation-container-full .wpforms-order-summary-container table.wpforms-order-summary-preview tr.wpforms-order-summary-preview-subtotal td{color:currentColor;border-color:color-mix(in srgb, currentColor 25%, transparent)}.wpforms-confirmation-container-order-summary .wpforms-order-summary-container,.wpforms-confirmation-container-full .wpforms-order-summary-container{max-width:100%;margin-bottom:24px}.wpforms-confirmation-container-order-summary .wpforms-order-summary-container tr td,.wpforms-confirmation-container-full .wpforms-order-summary-container tr td{color:color-mix(in srgb, currentColor 75%, transparent)}.wpforms-field.wpf-disable-field select,.wpforms-field.wpf-disable-field textarea,.wpforms-field.wpf-disable-field button,.wpforms-field.wpf-disable-field input[type=text],.wpforms-field.wpf-disable-field input[type=number],.wpforms-field.wpf-disable-field input[type=email],.wpforms-field.wpf-disable-field input[type=url],.wpforms-field.wpf-disable-field input[type=tel],.wpforms-field.wpf-disable-field input[type=password],.wpforms-field.wpf-disable-field input[type=radio],.wpforms-field.wpf-disable-field input[type=checkbox],.wpforms-field.wpf-disable-field input[type=range],.wpforms-field.wpf-disable-field input[type=file],.wpforms-field.wpf-disable-field input.wpforms-field-date-time-date,.wpforms-field.wpf-disable-field .wpforms-uploader,.wpforms-field.wpf-disable-field .choices,.wpforms-field.wpf-disable-field .wpforms-image-choices-image,.wpforms-field.wpf-disable-field .wpforms-field-rating-wrapper,.wpforms-field.wpf-disable-field .wpforms-field-password-input-icon,.wpforms-field.wpf-disable-field .wpforms-disclaimer-description,.wpforms-field.wpf-disable-field .mce-tinymce,.wpforms-field.wpf-disable-field .iti__selected-country,.wpforms-field.wpf-disable-field .StripeElement,.wpforms-field.wpf-disable-field .wpforms-stripe-element,.wpforms-field.wpf-disable-field .wpforms-field-square-cardnumber,.wpforms-field.wpf-disable-field .wpforms-square-cardnumber,.wpforms-field.wpf-disable-field .wpforms-geolocation-map,.wpforms-field.wpf-disable-field .wpforms-signature-wrap,.wpforms-field.wpf-disable-field .wpforms-paypal-commerce-card-fields,.wpforms-field.wpf-disable-field.wpforms-field-net_promoter_score table.modern>tbody>tr>td,.wpforms-field.wpf-disable-field .wpforms-camera-link,.wpforms-field.wpforms-field-readonly select,.wpforms-field.wpforms-field-readonly textarea,.wpforms-field.wpforms-field-readonly button,.wpforms-field.wpforms-field-readonly input[type=text],.wpforms-field.wpforms-field-readonly input[type=number],.wpforms-field.wpforms-field-readonly input[type=email],.wpforms-field.wpforms-field-readonly input[type=url],.wpforms-field.wpforms-field-readonly input[type=tel],.wpforms-field.wpforms-field-readonly input[type=password],.wpforms-field.wpforms-field-readonly input[type=radio],.wpforms-field.wpforms-field-readonly input[type=checkbox],.wpforms-field.wpforms-field-readonly input[type=range],.wpforms-field.wpforms-field-readonly input[type=file],.wpforms-field.wpforms-field-readonly input.wpforms-field-date-time-date,.wpforms-field.wpforms-field-readonly .wpforms-uploader,.wpforms-field.wpforms-field-readonly .choices,.wpforms-field.wpforms-field-readonly .wpforms-image-choices-image,.wpforms-field.wpforms-field-readonly .wpforms-field-rating-wrapper,.wpforms-field.wpforms-field-readonly .wpforms-field-password-input-icon,.wpforms-field.wpforms-field-readonly .wpforms-disclaimer-description,.wpforms-field.wpforms-field-readonly .mce-tinymce,.wpforms-field.wpforms-field-readonly .iti__selected-country,.wpforms-field.wpforms-field-readonly .StripeElement,.wpforms-field.wpforms-field-readonly .wpforms-stripe-element,.wpforms-field.wpforms-field-readonly .wpforms-field-square-cardnumber,.wpforms-field.wpforms-field-readonly .wpforms-square-cardnumber,.wpforms-field.wpforms-field-readonly .wpforms-geolocation-map,.wpforms-field.wpforms-field-readonly .wpforms-signature-wrap,.wpforms-field.wpforms-field-readonly .wpforms-paypal-commerce-card-fields,.wpforms-field.wpforms-field-readonly.wpforms-field-net_promoter_score table.modern>tbody>tr>td,.wpforms-field.wpforms-field-readonly .wpforms-camera-link{cursor:default !important;opacity:0.35 !important;pointer-events:none !important}.wpforms-field.wpf-disable-field input[type=radio],.wpforms-field.wpf-disable-field input[type=checkbox],.wpforms-field.wpforms-field-readonly input[type=radio],.wpforms-field.wpforms-field-readonly input[type=checkbox]{cursor:default !important;pointer-events:none !important}.wpforms-field.wpf-disable-field label,.wpforms-field.wpforms-field-readonly label{pointer-events:none !important}.wpforms-field.wpf-disable-field .iti__country-container,.wpforms-field.wpforms-field-readonly .iti__country-container{cursor:default !important}.wpforms-field.wpf-disable-field .iti__country-container button,.wpforms-field.wpforms-field-readonly .iti__country-container button{cursor:default !important}@media only screen and (max-width: 600px){div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container,div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field{display:block;width:100%}div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container{width:100%}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title{display:none}div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater){overflow-x:hidden}div.wpforms-container-full .wpforms-form .wpforms-field{padding-right:1px;padding-left:1px}div.wpforms-container-full .wpforms-form .wpforms-field>*{max-width:100%}div.wpforms-container-full .wpforms-form .wpforms-mobile-full{width:100% !important;margin-left:0 !important;float:none !important}div.wpforms-container-full .wpforms-form input.wpforms-field-medium,div.wpforms-container-full .wpforms-form select.wpforms-field-medium,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,div.wpforms-container-full .wpforms-form input.wpforms-field-small,div.wpforms-container-full .wpforms-form select.wpforms-field-small,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small,div.wpforms-container-full .wpforms-form input.wpforms-field-large,div.wpforms-container-full .wpforms-form select.wpforms-field-large,div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large{max-width:100%}div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li,div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li{float:none;width:100%}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page{margin:0 10px 0 0}div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number{width:30px;height:30px;line-height:30px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]{margin:20px 0 15px}div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb{width:30px;height:30px}}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
section {
clear: both;
text-align: center;
width: auto;
margin: auto 0;
padding: 3% .5em;
line-height: 2.0;
}
content2 {
text-align: left;
width: auto;
margin-left: 5%;
font-size: 80%;
padding: 5% .5em;
line-height: 2.1;
}
article {
clear: both;
width: 80%;
float: left;
position: relative;
font-size: 80%;
padding: 0.5em 0.5em;
line-height: 2.1;
}
article p {
text-align: justify;
}
@media screen and (min-width:800px) {
article {
margin: auto 10%;
text-align: justify;
font-size: 110%;
padding: .5em .5em;
}
}
.box_three.p-80 {
padding: 0;
margin: 0;
font-size: .8em;
text-align: justify;
color: #fff;
}
p {
width: 96%;
margin: auto 0;
padding: 1% 2%;
text-align: left;
line-height: 1.3;
font-size: 100%;
color: #020518;
}
@media screen and (min-width:800px) {
p {
font-size: 1em;
2width: 80%;
margin: 0;
padding: .5em .5em;
text-align: left;
line-height: 1.9;
}
}
a {
color: #f2c200;
text-decoration: none;
font-size: 1.031em;
background-color: transparent;
font-weight: 400;
}
.current_page_item a:active {
color: red;
}
.site-nav #menu-hauptnavigation a:aktive {
color: red;
cursor: pointer;
text-decoration: underline;
}
.site-nav #menu-hauptnavigation li a::before {
background-color: #ff0202 !important;
}
.site-nav #menu-hauptnavigation .active > a {
font-weight: 700;
color: #ff7d00;
}
em, article em {
font-size: 90%;
width: 100%;
line-height: .8;
}
h1 {
width: 99%;
text-align: left;
font-size: 2.7em;
margin: 0.67em 0;
color: #f2c200;
font-weight: 400;
}
h2 {
font-size: 1.2em;
line-height: 1.2;
margin: 3% 2%;
padding-bottom: 0;
text-align: left;
font-weight: 500;
max-width: 96%;
color: #f2c200;
}
.page-id-197 h2 {
clear: both;
margin-top: 5%;
padding: 0;
}
h3 {
max-width: 99%;
padding-top: .4em;
padding-bottom: .8em;
font-size: 1.9em;
text-align: left;
color: #666;
color: #f2c200;
margin: 0 auto;
font-weight: 300;
}
h4 {
max-width: 94%;
font-size: 1.3em;
text-align: center;
color: #f2c200;
margin: 3% auto;
padding: 3%;
font-weight: 300;
line-height: 1.4;
}
#head-h1 h1 {
width: 99%;
text-align: left;
font-size: 2.10em;
margin: 4% 0 3% 0;
float: left;
color: #f2c200;
font-weight: 300;
}
@media screen and (min-width:560px) {
h2 {
color: #f2c200;
font-weight: 400;
}
}
@media screen and (min-width:768px) {
#head-h1 h1 {
font-size: 2.7em;
margin: 4% 0 3% 0;
}
h1 {
margin: 0 auto;
font-size: 2.7em;
padding-top: 1em;
}
h2 {
margin: 0 auto;
font-size: 2.5em;
padding-bottom: 0;
text-align: left;
}
h3 {
width: 99%;
margin: 0 auto;
font-size: 1.9em;
padding-bottom: 0;
}
h4 {
font-size: 1.6em;
margin: 0 auto;
}
.img-home img, .home p {
clear: both;
padding: 0;
font-size: 1.5em;
max-width: 100%;
width: 100%;
margin: auto;
height: auto;
float: left;
}
.home img {
padding: 0;
margin: 0;
}
p {
width: 99%;
margin: auto 0;
padding: .5em 0 .8em 0;
font-size: 110%;
}
em, article em {
font-size: 90%;
width: 100%;
line-height: .8;
}
article {
font-size: 110%;
}
}
hr {
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: 0px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid #f2c200;
width: 100%;
margin-bottom: 2em;
float: left;
}
hr .hr-referenzen, .hr-referenzen {
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: 0px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid #f2c200;
width: 100%;
margin-bottom: 1em;
float: left;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
b, strong {
height: auto;
position: relative;
background: rgba(0, 0, 0, 0);
width: 100%;
text-align: left;
clear: both;
margin-bottom: 0em;
margin-top: 1em;
font-weight: bold;
}
.center {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.center p, .center h2 {
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
}
.font80 {
font-size: 80%;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
.grid-2 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
grid-auto-rows: 1fr;
}
.kontakt-50 {
width: 90%;
margin: 0 auto;
padding: 0;
clear: both;
position: relative;
}
.kontakt-50 p {
text-align: justify;
font-size: 80%;
line-height: 1.7;
margin: 5% 0;
}
@media screen and (min-width:800px) {
.kontakt-50 {
width: 80%;
margin: 0 10%;
padding: .5em .5em;
}
.kontakt-50 p {
font-size: 110%;
line-height: 1.9;
}
}
.kontakt-502 {
text-align: justify;
width: 90%;
margin: 0 5%;
font-size: 80%;
padding: 0;
clear: both;
line-height: 1.5;
}
@media screen and (min-width:800px) {
.kontakt-502 {
width: 80%;
margin: auto 10%;
font-size: 100%;
padding: .5em .5em;
}
}
.link-top h1 {
width: 100;
padding-top: .4em;
padding-bottom: .8em;
font-size: 1.5em;
text-align: left;
font-weight: 300;
}
.link-top .container {
float: left;
display: block;
position: relative;
margin-top: 5em;
margin-bottom: 1em;
color: #f2c200;
padding: 0 .8em;
z-index: 200;
}
.link-top.container a {
color: #f2c200;
font-size: 1.2em;
padding: .5em;
}
.link-top.container a:hover {
color: red;
}
@media screen and (min-width:800px) {
.link-top .container {
width: 100%;
float: left;
position: relative;
margin-top: -7em;
margin-bottom: 1em;
padding: 0 2em 1em 2.3em;
font-size: 1.5em;
text-align: center;
}
.link-top .container a {
font-size: 1.4em;
text-align: center;
}
.link-top a:hover {
color: #ba2828;
}
}
@media screen and (min-width:1000px) {
.link-top {
width: 100%;
margin-top: 1em;
text-align: center;
}
.link-top a {
font-size: 1.00em;
text-align: center;
}
}
.link-bottom {
cursor: pointer;
text-align: center;
font-size: 80%;
}
.link-bottom a {
font-size: 100%;
}
.pic-tx {
color: #f5f9f5;
}
article.center p, article.center strong {
text-align: center;
}
article strong {
font-weight: bold;
}
.center p {
text-align: center;
}
.flex .center {
color: #666666;
font-size: 1em;
width: 100%;
margin-left: 1em;
padding: .5em .2em;
text-align: left;
line-height: 1.9;
float: left;
position: relative;
}
@media screen and (min-width:800px) {
.left p, .flex .center {
float: left;
position: relative;
color: #666666;
font-size: 1em;
width: 100%;
margin-left: 1em;
padding: .5em .6em;
text-align: left;
line-height: 1.9;
}
}
.current_page_item li > a {
color:
#FF0000 !Important;
}
.selected {
background-color=red;
}
<a href="/html/linkl.html?id=1"class="<?php if($_GET['id'] == '1') echo 'selected';?>" > Link 1</a > .gradient-hgreen {
background: rgb(255, 255, 255);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 242, 229, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 242, 229, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 242, 229, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5f2e5', GradientType=0);
padding-bottom: 8%;
}
.hg-green {
top: 0;
background: #f2c200;
margin: 0;
padding: 0;
}
.hg-green-abstand {
padding-top: 7%;
padding-bottom: 7%;
background: #f2c200;
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"], [type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
</pre > </body > </html > .card-animation {
background: #E04D4D;
height: 145px;
width: 30%;
opacity: 0;
}
ody {
background-color: #222;
text-align: center;
font-family: "Signika Negative", Arial, sans-serif;
color: white;
}
.container-scroll1, .container {
max-width: 800px;
margin: auto;
width: 100%;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.box-scroll1, .box {
width: 31%;
height: 15vh;
margin: 5px;
opacity: 0;
will-change: transform;
}
header-scroll1 {
position: fixed;
top: 0px;
left: 0px;
padding: 6px 10px 6px 10px;
border-bottom-right-radius: 26px;
z-index: 100;
background-color: rgba(0, 0, 0, 0.5);
} html.lb-disable-scrolling {
overflow: hidden;
position: fixed;
height: 100vh;
width: 100vw;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//sp-kreativdesign.de/wp-content/themes/luan/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//sp-kreativdesign.de/wp-content/themes/luan/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//sp-kreativdesign.de/wp-content/themes/luan/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//sp-kreativdesign.de/wp-content/themes/luan/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-active {
color: red;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.container-slide.slick-list {
display: none;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.container-rezension.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.container-slide.slick-track {
position: relative;
top: 0;
left: 0;
background: red;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: auto;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.box * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
background: rgba(0, 0, 0, 0);
background-image: radial-gradient(circle, white, transparent);
background-size: cover;
background-attachment: fixed;
background-blend-mode: soft-light;
font-family: 'Source Sans Pro', 'Open Sans';
font-weight: 400;
line-height: 1.9;
font-size: 1.3em;
color: #020518;
font-style: normal;
text-rendering: optimizeLegibility;
}
img {
max-width: 100%;
height: auto;
}
.sticky {
position: fixed;
top: 0;
width: 100%;
}
@media screen and (min-width:801px) {
.img-home img, .home img, .home p {
clear: both;
padding: 0;
font-size: 1.5em;
max-width: 100%;
width: 100%;
margin: auto;
height: auto;
float: left;
}
.home img {
padding: 0;
margin: 0;
}
.site-content .img-home img {
margin: 0;
padding: 0;
left: 0;
right: 0;
width: 100%;
}
.site-content .img-home img {
color: #f5f9f5;
float: left;
position: relative;
margin-top: 3em;
padding: 1em;
margin: 1em;
}
}
@media screen and (min-width:1201px) {
.home img {
padding: 0;
margin-top: -80px;
top: 0;
}
}
.site-header {
padding: 0;
margin: 0;
position: relative;
height: auto;
background: rgba(255, 225, 255, .0);
z-index: 2026;
}
.logo {
position: relative;
float: left;
width: 220px;
padding: 0.1em;
margin: 1em 1em 0 1em;
display: block;
z-index: 2300;
}
#logo-tx {
position: relative;
float: right;
padding: 0.1em;
margin: auto;
width: 100%;
display: block;
text-align: center;
z-index: 2300;
font-size: 2.0em;
line-height: 1.1;
}
@media screen and (min-width:600px) {
#logo-tx {
position: relative;
float: right;
width: auto;
padding: 0.1em;
margin: .3em .6em 2.5em .3em;
display: block;
z-index: 2300;
font-size: 2.0em;
line-height: 1.1;
}
}
@media screen and (min-width:640px) {
#logo-tx {
position: relative;
float: right;
width: auto;
padding: 0.1em;
margin: .3em .6em 1.1em .3em;
display: block;
z-index: 2300;
font-size: 2.3em;
line-height: 1.1;
}
}
#logo-tx2 {
position: relative;
float: left;
width: auto;
padding: 0.1em;
margin: -40px 10% 0 20%;
display: block;
z-index: 2300;
font-size: 2.01em;
line-height: 1.1;
}
@media screen and (min-width:500px) {
#logo-tx2 {
font-size: 2.1em;
}
}
@media screen and (min-width:800px) {
#logo-tx2 {
margin-left: 20%;
margin-top: 0px;
z-index: 2300;
font-size: 2.3em;
line-height: 1.1;
}
}
#logo-tx-footer {
position: relative;
float: left;
width: auto;
padding: 0.1em;
margin: 0.3em 0.6em 0.3em 0;
display: block;
z-index: 2300;
font-size: 1.4em;
line-height: 1.1;
width: 99%;
}
@media screen and (min-width:1200px) {
#logo-tx-footer {
font-size: 1.9em;
}
}
@media screen and (min-width:1450px) {
#logo-tx-footer {
font-size: 2.3em;
}
}
#logo-tx a {
color: #020518;
}
#logo-tx-footer a {
color: #fff;
}
#logo-tx-footer span {
color: #edcf06;
font-size: 95%;
}
#logo-tx span {
color: #edcf06;
font-size: 95%;
}
.header-image {
position: relative;
float: left;
width: 100%;
padding: 0;
margin-bottom: 0;
display: block;
z-index: 10;
}
@media screen and (max-width:600px) {
.logo {
margin-left: 25%;
}
}
@media screen and (min-width:600px) and (max-width:800px) {
.logo {
top: 1em;
margin: auto 1% auto 10%;
}
}
@media screen and (min-width:900px) {
.logo img {
width: 70%;
margin: 0.8em 0.8em 0 0.8em;
font-size: 1.5em;
}
}
@media screen and (min-width:1120px) {
.logo img {
width: 68%;
margin: 0.8em 0.8em 0 0.8em;
}
}
@media screen and (min-width:1300px) {
.logo img {
width: 80%;
}
}
@media screen and (min-width:1440px) {
.logo img {
width: 90%;
}
}
.breadcrumb{
background: #fff;
width: 100%;
float: left;
position: relative;
margin: 0 0 4% 0;
padding: 0 0 8px 5%;
font-size: 0.85rem;
line-height: 2;
letter-spacing: .03em;
z-index: 1900;
}
@media screen and (min-width:800px) {
.breadcrumb {}
}
@media screen and (min-width:1000px) {
.breadcrumb {}
}
.container {
max-width: 100%;
margin: 0 auto;
color: #292c29;
}
@media screen and (min-width:1100px) {
.container {}
}
.box-90, .box-80, .box-70, .box-60, .box-50, .box-40 {
width: 96%;
margin: auto;
}
.box-60 img {
width: 100%;
}
.box-40left {
width: 60%;
margin: auto;
}
.box-full {
width: 100%;
float: left;
height: auto;
margin: 0 auto;
clear: both
}
.box-full img {
width: 100%;
}
.box-full-footer {
width: 100%;
height: auto;
margin: auto;
}
.box-banner {
width: 100%;
height: auto;
min-height: 300px;
margin: auto;
float: left;
padding: 4% 0;
background: #fff;
}
.box-banner-green {
width: 100%;
height: auto;
min-height: 300px;
margin: auto;
float: left;
padding: 4%;
background: #99d7dc;
color: #176c73;
font-size: 1.5em;
text-align: center;
}
.box-banner-green article {
text-align: center;
}
.box-banner-green h2, .box-banner-green p {
color: #176c73;
text-align: center;
}
h3.banner {
color: #f7a237;
font-size: 2.3em;
text-align: center;
padding-top: 0;
}
h4.banner {
color: #176c73;
font-size: 1.6em;
text-align: center;
}
@media screen and (min-width:800px) {
h3.banner {
font-size: 5.3em;
}
h4.banner {
font-size: 2.0em;
}
}
.box-banner-bottom {
width: 100%;
height: auto;
margin: 0;
float: left;
padding: 0;
text-align: center;
}
.box-full-top {
width: 100%;
}
.box {
Column-gap: 1em;
margin-left: 0;
}
.right {
float: right;
width: auto;
text-align: right;
padding-right: 5%;
margin-top: 0;
}
.icon2.box-70 {
width: 96%;
margin: auto;
}
@media screen and (min-width:800px) {
.box-banner-green {
margin: 10% auto 0% auto;
float: left;
padding: 10% 0;
font-size: 1.5em;
}
.box-60 .gal-60 {
width: 60%;
margin: auto 20%;
}
}
@media screen and (min-width:1001px) {
.box-40 {
width: 40%;
margin: auto 30%;
}
.box-40left {
margin-left: 40%;
}
.box-50 {
width: 50%;
margin: auto 25%;
}
.box-60 {
width: 60%;
margin: auto 20%;
}
.box-60 img {
width: 400px;
margin: auto;
}
.box-60A {
margin: auto 20%;
float: left;
}
.box-70, .icon2.box-70 {
width: 70%;
margin: auto 15%;
}
.box-80 {
width: 80%;
margin: auto 10%;
}
.box-80 figcaption {
font-size: .9em;
display: block;
text-align: center;
}
.box-802 figcaption p {
font-size: .9em;
}
.box-90 {
width: 90%;
margin: auto 5%;
}
.90 {
background-color: rgba(255, 255, 255, 0);
padding: 5%;
}
}
.max-two {
columns: 2 300px;
column-gap: 1em;
grid-auto-rows: 1fr;
}
.max-three {
columns: 3 300px;
column-gap: 1em;
}
.max-three p {
font-size: 100%;
}
.max-three h2 {
font-size: 3.2em;
}
.max-four {
columns: 4 300px;
column-gap: 1em;
}
.six {
width: 90%;
margin: auto 5%;
columns: 6 100px;
column-gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-auto-rows: 1fr;
}
@media screen and (min-width:768px) {
.six {
width: 80%;
margin: auto 10%;
columns: 6 100px;
column-gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-auto-rows: 1fr;
}
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-rows: 1fr;
}
.box_grid {
display: grid;
Column-gap: 0em;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-auto-rows: 1fr;
}
.box_two {
Column-width: 2 210px;
Column-gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
grid-auto-rows: 1fr;
}
.box_three {
Column-width: 3 300px;
Column-gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-rows: 1fr;
}
.box_three_0 {
display: grid;
Column-width: 3 280px;
Column-gap: 0.1em;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
grid-auto-rows: 1fr;
}
@media screen and (min-width:768px) {
.box_three_0 {
Column-width: 3 300px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-rows: 1fr;
}
}
.box_four {
display: grid;
columns: 4 4rem;
min-width: 200px;
column-gap: 0em;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.box_four .bg-gr {
font-size: 90%;
padding: 2em;
text-align: center;
display: flex;
align-items: center;
justify-content: space-around;
}
.box_300 {
Column-width: 300px;
Column-gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-rows: 1fr;
}
.box_340 {
display: grid;
columns: 340px;
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
grid-auto-rows: 1fr;
}
.box_350 {
display: grid;
column-gap: 0;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
grid-auto-rows: 1fr;
}
.box_450 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
padding-bottom: 2%;
}
@media screen and (min-width:1400px) {
.box_450 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
padding-bottom: 2%;
margin-bottom: 5px;
}
}
.top-footer.box_450 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
padding-bottom: 2%;
float: left;
}
.box-450 img, .box-450-footer img {
margin: 10% auto;
display: block;
}
.box-450-web img {
margin: 0 auto;
display: block;
width: 95%;
}
.box-450-small img {
margin: 0 auto .5em auto;
display: block;
}
.box-450-small p {
text-align: center;
}
@media screen and (min-width:900px) {
.grid-icon {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
grid-auto-rows: 1fr;
width: 80;
margin-bottom: 10%;
margin-top: 5%;
}
.grid-icon h2 {
font-size: 100%;
color: #fff;
}
.box-450 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
padding-bottom: 0;
margin-bottom: 2px;
}
.box-450-footer, .box-450-web {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
padding-bottom: 0;
float: left;
}
.box-450-small {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
padding-bottom: 0;
}
.box-450-small p {
text-align: left;
}
}
.max_500 {
margin: auto;
max-width: 500px;
}
h3.left-btn {
font-size: 2.5em;
color: #176c73;
line-height: 1.1;
font-weight: 400;
}
h4.left-btn {
font-size: 3.15em;
color: #176c73;
line-height: .7;
font-weight: 300;
width: 75%;
margin-bottom: .5;
margin-top: 1em;
text-align: center;
}
h3.middle-btn {
font-size: 1.8em;
color: #176c73;
line-height: 1.1;
font-weight: 400;
}
h4.middle-btn {
font-size: 3.15em;
color: #176c73;
line-height: .7;
font-weight: 300;
width: 75%;
margin-bottom: .5;
margin-top: 0em;
text-align: center;
}
.box_btn {
min-width: 300px;
column-gap: 0em;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
margin: auto 20%;
width: 80%;
float: left;
}
.box_btn .bg-gr {
font-size: 90%;
padding: 1em;
hyphens: none;
text-align: center;
display: flex;
align-items: center;
justify-content: space-around;
}
.box_btn .bg-gr p {
hyphens: none;
}
.box-pic {
border: 1px solid #333;
float: left;
height: auto;
text-align: center;
padding: .7em;
font-size: 83%;
margin: 1em;
position: relative;
clear: both;
}
.box-pic p {
clear: both;
position: relative;
float: left;
text-align: center;
width: 100%;
margin: 0;
font-size: 1.2em;
color: #333;
padding: .2em;
}
.box-pic img {
margin-top: 3%;
margin: auto;
}
.box-pic h1, .box-pic h2 {
position: relative;
float: left;
width: 80%;
margin: auto 10%;
}
.box-pic h1 {
font-size: 3.5em;
padding-top: 5%;
font-weight: 400;
}
.box-pic h2 {
font-size: 2.9em;
width: 100%;
font-weight: 200;
}
.box-pic-0 {
border: 0px solid #333;
float: left;
height: auto;
text-align: center;
padding-bottom: 1em;
padding-top: .4em;
font-size: 60%;
margin: 0em;
position: relative;
clear: both;
}
.box-pic-2 {
border: 0px solid #333;
float: left;
height: auto;
text-align: center;
padding: .1em 0;
font-size: 60%;
margin: .2em;
position: relative;
clear: both;
}
@media screen and (max-width:520px) {
.box-pic_0 {
border: 0px solid #333;
text-align: center;
padding: 0em;
font-size: 84%;
margin: 0;
position: relative;
clear: both;
width: 100%;
}
}
.gallery figure {
margin: 0em 0em 1em 0em;
padding: 0;
}
.four, .four2 {
display: block;
}
.four, .four2 {
display: grid;
columns: 4 4rem;
min-width: 280px;
column-gap: 0em;
grid-auto-rows: 1fr;
grid-template-columns: repeat(auto-fit, minmax(280px, 2fr));
}
@media screen and (min-width:768px) {
.four, .four2 {
min-width: 320px;
grid-template-columns: repeat(auto-fit, minmax(320px, 2fr));
}
}
@media screen and (min-width:850px) {
.four, .four2 {
display: grid;
columns: 4 4rem;
min-width: 320px;
column-gap: 0em;
grid-auto-rows: 1fr;
grid-template-columns: repeat(auto-fit, minmax(320px, 2fr));
}
.four .box_bg3 {
margin-top: 3em;
background: ;
}
}
@media screen and (min-width:1180px) {
.four {
display: grid;
columns: 4 4rem;
min-width: 240px;
column-gap: 0em;
grid-auto-rows: 1fr;
grid-template-columns: repeat(auto-fit, minmax(240px, 2fr));
}
}
.vier-bilder p {
line-height: 1;
margin: 0;
padding: 0;
width: 100%;
}
.white {
float: left;
height: auto;
position: relative;
background: rgba(0, 0, 0, 0);
width: 100%;
padding: 0;
margin: 0;
text-align: center;
clear: both;
}
.white p {
padding: 5%;
font-size: 1.6em;
margin-top: 2%;
line-height: 2.1;
text-align: center;
}
.white h2 {
width: 99%;
font-size: 1.0em;
text-align: center;
margin: 0.67em 0;
font-weight: 300;
font-style: normal;
line-height: 72px;
letter-spacing: 0.3px;
hyphens: auto;
}
.white .pic-font img {
margin: auto 10%;
}
@media screen and (min-width:800px) {
.white {
min-height: 200px;
}
.white h2 {
font-size: 2.2em;
text-align: center;
margin: 0.67em 0;
font-weight: 300;
font-style: normal;
line-height: 72px;
letter-spacing: 0.3px;
hyphens: auto;
}
}
@media screen and (min-width:1400px) {
.white {
margin-top: 4em;
}
}
div.section {
position: relative;
}
.wpbox {
position: relative;
padding: 0rem;
width: 100%;
}
.size-icon {
width: 70px;
}
.page-id-6 .container-arbeiten .aktuell:first-child {
width: 100%;
}
.container-arbeiten .arbeiten p {
margin: auto 10%;
max-width: 80%;
padding-top: 0em;
margin-top: 0;
margin-bottom: 1em;
border: none;
}
@media screen and (min-width:800px) {
.container-arbeiten {
float: left;
width: 100%;
margin-bottom: 2em;
color: #fff;
}
.container-arbeiten h1, .container-arbeiten h1 a {
color: #020518;
}
.container-arbeiten .arbeiten {
padding-top: 0;
margin-top: 0;
border: none;
float: left;
width: 100%;
margin: auto 0;
}
.container-posts {
clear: both;
}
}
.page-id-6 .container-arbeiten .aktuell:first-child {
width: 100%;
}
.container-referenzen {
float: left;
width: 100%;
margin margin-bottom: 2em;
color: #fff;
background: #020518;
}
.referenzen .news a, .referenzen a, .referenzen .news h1 a {
color: #f5c604;
}
.container-referenzen .referenz p {
margin: auto 10%;
max-width: 80%;
padding-top: 0em;
margin-top: 0;
margin-bottom: 1em;
border: none;
}
.referenz {
margin: auto 10%;
max-width: 80%;
padding-top: 0em;
margin-top: 0;
margin-bottom: 1em;
border: none;
}
@media screen and (min-width:800px) {
.container-referenzen p {
float: left;
margin: auto 10%;
margin margin-bottom: 2em;
color: #020518;
}
.container-referenzen h1, .container-referenzen h1 a {
color: #020518;
}
.container-arbeiten .arbeiten {
padding-top: 0;
margin-top: 0;
border: none;
float: left;
width: 100%;
margin: auto 0;
}
.container-posts {
clear: both;
}
}
.news h1 {
text-align: center;
line-height: 1.4;
margin-bottom: 5%;
}
.single-arbeiten .news h1 {
display: none;
}
.single-arbeiten h1 {
text-align: center;
line-height: 1.4;
margin-bottom: 5%;
color: #f5c604;
}
.more {
padding: 1em;
text-align: center;
background: #f5c604;
color: #020518;
width: 20%;
}
p.more {
font-weight: 300;
margin: 5% 5%;
width: 80%;
padding: 1%;
}
@media screen and (min-width:768px) {
p.more {
margin: 10%;
}
}
.more-top {
margin-left: -100%;
width: auto;
}
.bg-yellow {
color: #292c29;
text-align: center;
font-size: 1.1em;
background: #f5c604;
float: left;
padding: 0;
margin: 0;
}
.bg-yellow h1 {
color: #292c29;
}
.bg-0 {
color: #292c29;
text-align: center;
font-size: 1.1em;
background: #fff;
float: left;
padding: 0;
margin: 0;
}
.bg-0 h1 {
color: #292c29;
}
.bg-news {
padding: 0;
background-color: #fff;
border-bottom: #020518 1px solid;
margin: 0.1em 0.1em 1em 0.1em;
}
.single-arbeiten .bg-news {
padding: 1em;
background-color: #fff;
margin: 1em;
}
.bg-1gr {
padding: 1em;
background-color: #fff;
margin: 1em;
}
.bg-1gr h2 {
font-size: 1.55em;
font-weight: 400;
}
bg-1gr a:hover {
background: blue;
}
.bg-1gr a:hover {
width: 100%;
height: : 100%;
left: 0;
}
@keyframes .bg-1gr a:hover {
0% {
transform: scale(0.1);
opacity: 0;
}
50% {
transform: scale(.5);
opacity: .4;
}
100% {
transform: scale(1.);
opacity: 1;
}
}
.bg-1tr {
padding: .1em;
background-color: #f5c604;
background: rgb(240, 195, 0);
background: linear-gradient(90deg, rgba(240, 195, 0, 1) 0%, rgba(242, 220, 122, 1) 50%, rgba(242, 198, 6, 1) 97%);
margin: .1em;
}
.bg-1tr h2 {
font-size: 1.55em;
font-weight: 400;
}
bg-1tr a:hover {
background: blue;
}
.bg-1tr a:hover {
width: 100%;
height: : 100%;
left: 0;
}
@keyframes .bg-1tr a:hover {
0% {
transform: scale(0.1);
opacity: 0;
}
50% {
transform: scale(.5);
opacity: .4;
}
100% {
transform: scale(1.);
opacity: 1;
}
}
.bg-1 {
text-align: center;
font-size: 1.1em;
background: rgba(249, 210, 3, 0);
background: #fff;
float: left;
padding: 0;
margin: 0;
;
top: 0;
}
.bg-tr {
color: #292c29;
text-align: center;
font-size: 1.1em;
background: rgba(255, 225, 255, .2);
float: left;
padding: 3%;
margin: 0;
}
.bg-db {
height: auto;
color: rgba(249, 210, 3, 1);
font-style: normal;
text-align: center;
font-size: 1.1em;
background: rgba(24, 24, 52, 1);
float: left;
padding: 3%;
margin: 0;
}
22.bg-db {
background-color: #181834;
width: 100%;
color: #fff;
padding-left: 1em;
}
.bg-green-1 a {
font-size: 1.3em;
color: #666;
background: rgba(217, 247, 218, 1);
font-weight: 300;
}
.bg-green-6 {
background: rgba(217, 247, 218, .6);
padding: 3%;
}
.bg-green-4 {
background: rgba(217, 247, 218, .4);
padding: 3%;
}
.bg-green-3 {
background: rgba(217, 247, 218, .3);
padding: 3%;
}
.bg-green-2 {
background: rgba(217, 247, 218, .2);
padding: 3%;
}
.bg-white {
background: rgba(255, 255, 255, 1);
padding: 3%;
}
.bg-green-h {
background: rgb(234, 244, 234);
padding: 3%;
}
.bg-green-h a {
font-size: 1.3em;
font-weight: 300;
color: #666;
}
.bg-333 {
background: rgba(41, 44, 41, 1);
}
.box1-bg-db {
background-color: #181834;
width: 100%;
margin: auto 0;
padding: 5%;
float: left;
}
.box1-bg-blue {
background-color: #181834;
;
width: 90%;
color: #fff;
margin: auto 0;
padding: 5%;
float: left;
}
.box-blue {
background-color: #181834;
width: 98%;
color: #fff;
margin: auto 0;
padding: 1%;
float: left;
}
.box-blue p {
color: #fff;
}
.box-yellow {
background-color: #f5c604;
width: 90%;
color: #181834;
margin: auto 0;
padding: 2% 5% 5% 5%;
float: left;
}
.box-yellow h1 {
color: #fff;
margin: auto;
line-height: 1.2;
font-size: 2.0em;
text-align: center;
}
@media screen and (min-width:580px) {
.box-yellow h1 {
font-size: 3.4em;
text-align: left;
}
}
.box-yellow h2 {
color: #fff;
margin: auto 7%;
line-height: 1.2;
font-size: 1.9em;
}
.box-yellow p {
color: #fff;
font-size: 1.1em;
font-weight: 400;
line-height: 1.3;
}
@media screen and (min-width:768px) {
.box-yellow p {
font-size: 1.7em;
}
.box-yellow h2 {
font-size: 3.1em;
}
}
.box-yellow p a {
color: #181834;
font-size: 1.9em;
font-weight: 300;
line-height: 1;
}
p .bg-gr {
background-color: #f1ecec;
width: 100%;
color: #181834;
padding-left: 1em;
}
.box_bg {
background-color: rgba(255, 255, 255, .8);
padding: 5%;
}
.box_bg1 {
background-color: rgba(96, 88, 111, 0);
padding: 0;
float: left;
margin: 30% 1em 5% 1em;
height: auto;
color: #fff;
text-align: center;
}
#box_leistungen {
display: block;
padding: 1em;
width: auto float: left;
margin: 1% 1em 2% 1em;
height: ;
border: #fff solid 1px;
color: #fff;
text-align: center;
}
#box_leistungen2 {
padding: 0 1em;
width: auto float: left;
margin: 1% 1em 0 1em;
height: 100%;
border: #fff solid 1px;
color: #fff;
text-align: center;
}
#box_leistungen:hover, #box_leistungen2:hover {
clear: both;
background-color: rgba(255, 255, 255, .5);
border: #fff solid 1px !Important;
text-align: center;
}
2div a:hover #box_leistungen {
background-color: rgba(255, 255, 255, .6) !Important;
color: #f5c604;
}
2div a:hover #box_leistungen p {
color: #f5c604;
}
div a:hover #box_leistungen img .contrast {
filter: contrast;
-webkit-filter: contrast;
}
div a:hover #box_leistungen img .contrast {}
2#box_leistungen:hover {
background-color: rgba(255, 255, 255, .6) 2transform: scale(1.1, 1.1);
border: 2px #eee solid;
color: #181834;
}
#box_leistungen h2 a, #box_leistungen2 h2 a {
background-color: rgba(255, 255, 255, .6) 2transform: scale(1.1, 1.1);
border: 0px #eee solid;
color: #181834;
}
#box_leistungen p, #box_leistungen2 p {
text-align: center;
font-size: 50%;
color: #fff;
}
2#box_leistungen .hover a {
color: #181834;
}
2#box_leistungen .hover a {
color: #181834;
}
2#box_leistungen .hover a:hover {
color: #f5c604;
}
.bg-1gr .hover {
display: block;
}
.box-hover {
position: relative;
width: auto;
}
.image-hover, .image-hover2 {
opacity: 1;
display: block;
width: 100%;
height: auto;
transition: .5s ease;
backface-visibility: hidden;
}
.hover {
transition: 1.2s ease;
opacity: 0;
position: absolute;
top: 40%;
left: 40%;
width: 100%;
padding: -1em;
transform: translate(-40%, -40%);
-ms-transform: translate(-50%, -50%);
text-align: left;
}
.hover a, .hover h2 a {
color: #fff;
}
.hover a:hover {
opacity: 0.8;
color: #fff;
font-size: 80%;
font-weight: 300;
}
.box-hover:hover .image-hover {
opacity: 0.3;
}
.box-hover:hover .image-hover2 {
opacity: 0;
}
.box-hover:hover .hover {
opacity: 1;
background-color: rgba(16, 12, 29, .65);
}
.box-hover h3 {
font-size: 100%;
}
.box-hover:hover {
background-color: rgba(16, 12, 29, .95);
height: 100%;
}
.box-hover h3:hover {
display: none;
}
.hover-font {
color: #181834;
font-size: 1.0em;
padding: 0.2em 1.2em;
line-height: 1.2;
width: 95%;
}
.hover-font h2 {
font-size: 1.2em;
float: left;
background: #edcf06;
padding: 1em;
margin: .2em -1em;
text-align: left;
font-weight: 400;
width: 80%;
color: #fff;
line-height: 1.2;
}
.hover-font h2, .hover h2 {
color: #fff;
font-size: 1.2em;
}
h2.image-hover2 {
font-size: 1.2em;
text-align: center;
}
.hover-font h3 {
font-size: 70%;
float: left;
padding-bottom: 0;
text-align: left;
font-weight: 500;
padding: 0;
margin: 0 -1em;
width: 100%;
float: left;
color: #edcf06;
}
.hover-font p, .hover-font a, .hover-font p:hover, .hover-font p:hover a {
font-size: 80%;
float: left;
padding-bottom: 0;
text-align: left;
font-weight: 300;
padding: 0;
margin: 0 -1em;
width: 100%;
float: left;
color: #e3b208;
}
.hover-font h2, .hover-font h2:hover, .hover-font h2:hover a {
color: #fff;
}
#changed {
-webkit-filter: hue-rotate(180deg);
filter: hue-rotate(180deg);
}
.contrast {
-webkit-filter: contrast(4);
filter: contrast(4);
}
#box_leistungen p, #box_leistungen2 p {
background-color: rgba(96, 88, 111, 0);
text-align: center;
font-size: 80%
}
#box_leistungen img.alignnone, #box_leistungen2 img.alignnone {
margin: 5% 10%;
width: 40%;
}
#box_leistungen2 h2, #box_leistungen h2 {
color: #181834;
font-size: 1.4em;
font-weight: 400;
line-height: 1;
text-align: center;
}
h2.leistungen {
margin: -10% 10% 10% 10%;
font-size: 1.1em;
float: left;
padding-bottom: 0;
text-align: left;
font-weight: 400;
max-width: 100%;
color: #181834;
}
h3.leistungen {
margin: 0 2% 4% 2%;
font-size: 1.13em;
float: left;
padding-bottom: 0;
text-align: left;
font-weight: 400;
max-width: 100%;
color: #181834;
line-height: 1.4;
}
@media screen and (min-width:450px) {
h2.leistungen {
margin: 10%;
}
}
@media screen and (min-width:680px) {
h2.leistungen {
font-size: 2.5em;
}
h3.leistungen {
font-size: 1.5em;
line-height: 1.23;
}
}
#box_leistungen2 img.alignnone {
margin: 5% 10%;
width: 40%;
}
.web-h1 li::before {
content: url(https://sp-kreativdesign.de/wp-content/uploads/2022/05/Webdesign-L1.png) " ";
margin-left: -1em;
width: 100%;
float: left;
margin-right: .5em;
margin-top: -1.3em;
}
@media screen and (min-width:768px) {
.web-h1 li::before {
content: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/Webdesign-L2.png) " ";
}
}
.web-h1 ul, .web-h1 li, li {
list-style: none;
}
ul.web-h1 {
line-height: 1.12;
font-size: 1.9em;
hyphens: none;
}
@media screen and (min-width:768px) {
ul.web-h1 {
line-height: 1.2;
font-size: 2.2em;
hyphens: none;
}
}
.web-h1 li span {
color: #fff;
font-size: 2.2em;
margin: auto;
}
@media screen and (min-width:768px) {}
@media screen and (min-width:800px) {
.web-h1 li span {
color: #fff;
font-size: 2.2em;
margin: auto;
}
ul.web-h1 {
font-size: 4.1em;
}
.web-h1 li::before {
width: auto;
}
}
ul.web-h12 {
margin-left: -1em;
margin-top: -.42em;
margin-bottom: 1em;
opacity: 1;
line-height: 1.2;
font-size: 3.2em;
text-align: center;
}
.web-h12 li span {
color: #fff;
font-size: 1.2em;
transition: 300ms ease-in-out;
color: #fff;
margin: auto;
text-align: center;
}
@media screen and (min-width:768px) {
.web-h12 li span {
color: #fff;
font-size: 2.4em;
transition: 300ms ease-in-out;
color: #fff;
margin: auto;
text-align: center;
}
}
.print-h1 li::before {
content: url(https://sp-kreativdesign.de/wp-content/uploads/2022/05/Print_Produktion-L1.png) " ";
margin-left: -1em;
width: 100%;
float: left;
margin-right: 0.5em;
margin-top: -1.1em;
}
@media screen and (min-width:768px) {
.print-h1 li::before {
content: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/Print_Produktion-L2.png) " ";
}
}
.print-h1 ul, .print-h1 li, li {
list-style: none;
line-height: 1.1;
}
ul.print-h1 {
font-size: 2.1em;
}
@media screen and (min-width:800px) {
ul.print-h1 {
font-size: 4.1em;
}
.print-h1 li::before {
content: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/Print_Produktion-L2.png) " ";
width: auto;
}
}
.print-h1 li span {
color: #fff;
font-size: 1.3em;
margin: auto;
}
@media screen and (min-width:768px) {
.print-h1 li span {
color: #fff;
font-size: 2.1em;
margin: auto;
}
}
.grafik-h1 li::after {
content: url(https://sp-kreativdesign.de/wp-content/uploads/2022/05/Grafikdesign-L1.png) " ";
margin-right: 0.5em;
margin-top: -0.3em;
float: right;
}
@media screen and (min-width:768px) {
.grafik-h1 li::after {
content: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/Grafikdesign-L2.png) " ";
margin-right: -0.4em;
margin-top: -0.4em;
}
}
.grafik-h1 ul, .grafik-h1 li, li {
list-style: none;
}
ul.grafik-h1 {
margin-left: -0.71em;
margin-top: 1em;
margin-bottom: 0em;
line-height: 1.2;
font-size: 2.3em;
}
.grafik-h1 li span {
font-size: 1.5em;
color: #fff;
margin: auto;
}
ul.grafik-h12 {
margin-left: -0.41em;
margin-top: -0.42em;
margin-bottom: 0.3em;
opacity: 1;
line-height: 0;
font-size: 3.2em;
}
.grafik-h12 li span {
color: #fff;
font-size: 1.0em;
transition: 3s ease-in-out;
color: #fff;
margin: auto;
}
@media screen and (min-width:768px) {
.grafik-h12 li span {
font-size: 1.9em;
}
ul.grafik-h12 {
margin-left: -0.41em;
margin-top: -0.42em;
margin-bottom: 1em;
opacity: 1;
line-height: 1.2;
font-size: 3.2em;
}
}
@media screen and (min-width:800px) {
.grafik-h1 li::after {
margin-right: 0.4em;
}
ul.grafik-h12 {
margin-left: -1em;
margin-top: -.42em;
}
.grafik-h1 li span {
font-size: 2.2em;
}
ul.grafik-h1 {
font-size: 4.1em;
}
.grafik-h1 li::before {
width: auto;
}
ul.grafik-h1 {
margin-left: -1em;
font-size: 3.9em;
}
}
.grafik-cd-h1 li::after {
content: url(https://sp-kreativdesign.de/wp-content/uploads/2022/05/CoperateDesign-L1.png) " ";
margin-right: -0.2em;
margin-top: -0.3em;
float: right;
}
@media screen and (min-width:768px) {
.grafik-cd-h1 li::after {
content: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/CoperateDesign-L2.png) " ";
margin-left: 0.2em;
}
}
.grafik-cd-h1 ul, .grafik-cd-h1 li, li {
list-style: none;
}
ul.grafik-cd-h1 {
margin-left: -0.9em;
margin-top: 0.5em;
margin-bottom: 0em;
line-height: 1.12;
font-size: 1.9em;
}
@media screen and (min-width:768px) {
ul.grafik-cd-h1 {
margin-left: -1em;
margin-top: 1em;
margin-bottom: 0em;
line-height: 1.2;
font-size: 3.9em;
}
}
.grafik-cd-h1 li span {
font-size: 2.2em;
color: #fff;
margin: auto;
}
ul.referenz-h2 {
font-size: 3.1em;
line-height: 1.4;
}
.referenz-h2 li span {
color: #f5c604;
}
.referenz-h1 h1 {
color: #f5c604;
}
.container-rezension, .containerrezension {
float: left;
width: 96%;
height: 100%;
padding: 2%;
position: relative;
margin-top: 1%;
font-size: 80%;
}
@media screen and (min-width:768px) {
.container-rezension, .containerrezension {
width: 80%;
margin:3% 10% -10%;
}
}
.container-rezension .slick-slider, .container-rezension .slick-arrow {
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
position: absolute;
z-index: 2;
top: 12%;
font-size: 40px;
}
.container-rezension.one-pic {
width: 69%;
margin-top: .5em;
margin-bottom: .5em;
}
.container-rezension.rezension_1 {
width: 100%;
padding: 1em;
margin-top: 0;
text-align: center;
margin-bottom: 2em;
border: none;
}
.container-rezension p {
font-style: normal;
font-weight: 200;
font-size: 1.0em;
line-height: 1.6;
width: 98%;
float: left;
margin-top: 0;
text-align: center;
}
@media screen and (min-width:768px) {
.container-rezension p {
width: 69%;
margin-left: 15%;
margin-right: 15%;
}
}
.containerrezension{
text-align: center;
}
.containerrezension h2{
position: relative;
display: inline-block;
margin: 0;
}
.slick-arrow {
opacity: .0;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
}
.slick-prev {
float: left;
}
.slick-arrow.slick-next {
float: right;
margin-right: 0%;
}
ul.slick-dots {
margin-left: -1111111px;
}
.slick-dots li {
display: inline;
text-align: center;
width: 80%;
margin: auto 0;
margin-left: 1em;
}
.slick-dots {
display: inline-block;
float: left;
overflow: hidden;
opacity: .37;
width: 100%;
margin: auto 0;
margin-top: 0;
border-radius: 20%;
}
.slick-dots, .presentation ul li, .resentation ol {
top: 0;
list-style-type: circle;
width: 90%;
text-align: center;
padding: 0;
}
@media screen and (min-width:800px) {
.slick-dots {
padding: 5%;
}
}
.rezension strong {
font-style: normal;
font-weight: 900;
}
.rezension a {
;
font-style: normal;
font-weight: 900;
color: crimson;
}
.rezension a strong, .rezension a b {
color: #020518;
}
.containerrezension .one-pic {
width: 69%;
margin-top: .5em;
margin-bottom: .5em;
}
.containerrezension .rezension_1 {
width: 100%;
padding: 1em;
margin-top: 0;
text-align: center;
margin-bottom: 2em;
border: none;
}
@media screen and (min-width:768px) {
.containerrezension {
max-width: 100%;
margin: auto 0;
}
.containerrezension .rezension_1 {
padding-top: 0;
margin-top: 0;
border: none;
float: left;
}
.containerrezension {
height: auto;
float: left;
padding: 1em 0;
margin: 5% 5% 0 5%;
max-width: 90%;
width: 100%;
line-height: 2.7;
clear: both;
}
.container-posts {
clear: both;
}
}
.rezension-inhalt p {
font-size: 1.2em;
line-height: 1.6;
padding: 0;
margin: auto 10%;
}
.rezension-inhalt a {
color: red;
}
.slick-next {}
.container-slider {
float: left;
width: 100%;
height: auto;
padding: 1em;
position: relative;
margin-top: -1%;
}
.container-slider .slick-slider, .container-slider .slick-arrow {
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
position: absolute;
background: red;
z-index: 2;
top: 20%;
font-size: 40px;
}
.container-slider.one-pic {
width: 69%;
margin-top: .5em;
margin-bottom: .5em;
}
.container-slider {
width: 98%;
padding: 1em;
margin-top: 0;
margin: auto 1%;
text-align: center;
border: none;
}
.container-slider p {
font-family: 'Roboto';
font-style: normal;
font-weight: 200;
font-size: 1.2em;
line-height: 1.6;
width: 69%;
float: left;
margin-top: 0;
margin-left: 15%;
margin-right: 15%;
text-align: center;
}
.container-slider li {
display: none;
}
.container-slider.slick-slide img {
display: inline;
}
.autoplay2 img {
padding: 10px;
}
.box-80.slick.autoplay2 img {
margin-right: 3px;
padding: 10px;
}
a.box-home img, a.box_bg1 img {
clear: both;
text-align: center;
vertical-align: middle;
margin: auto 20%;
padding: 0;
}
.box-home a img.alignnone, .box_bg1 a img.alignnone {
margin: 5% 40%;
}
.box-home p, .box_bg1 p {
clear: both;
text-align: center;
hyphens: auto;
margin: 0;
padding: 0;
}
.box-home a, .box_bg1 a {
padding: 0;
float: left;
width: 100%;
text-align: center;
}
.box-home h2, .box_bg1 h2 {
color: #f7a237;
text-decoration: none;
font-size: 1.2em;
background-color: transparent;
font-family: 'Roboto';
font-weight: 400;
text-align: center;
width: 100%;
}
.box-home p, .parallax1 p {
text-align: center;
font-size: 70%;
color: #fff;
}
.box-home img, .box_bg1 img {
width: 20%;
vertical-align: middle;
}
@media screen and (max-width: 500px) {
.box_bg1 {
font-size: 80%;
}
.box-home {
font-size: 150% !Important;
margin: 5% 3%;
}
}
@media screen and (min-width: 850px) {
.box-home a, .box_bg1 a {
float: left;
text-align: center;
font-size: 2.2em;
}
.box-home p, .parallax1 p {
text-align: center;
font-size: 70%;
color: #fff;
}
.box-home img, .box_bg1 img {
width: 20%;
vertical-align: middle;
}
.box-home {
margin-top: 30%;
margin-bottom: 15%;
}
}
.bb-orange p {
border-left: #f7a237 solid 3px;
padding-left: 10px;
}
.section-hg {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background-position: center center;
position: relative;
float: left;
}
.hg-fenster {
background-image: url(http://localhost:8888/wp-content/uploads/2020/03/leistung-hg-fenster.jpg);
background-repeat: no-repeat;
}
.hg-haustueren {
background-image: url(http://localhost:8888/wp-content/uploads/2020/03/leistung-hg-haustueren.jpg);
background-repeat: no-repeat;
}
.hg-innentueren {
background-image: url(http://localhost:8888/wp-content/uploads/2020/03/leistung-hg-innentueren.jpg);
background-repeat: no-repeat;
}
.hg-verglasung {
background-image: url(http://localhost:8888/wp-content/uploads/2020/03/leistung-hg-verglasung.png);
background-repeat: no-repeat;
}
.hg-wintergarten {
background-image: url(http://localhost:8888/wp-content/uploads/2020/03/leistung-hg-wintergaerten.jpg);
background-repeat: no-repeat;
}
.hg-beschattungen {
background-image: url(http://localhost:8888/wp-content/uploads/2020/03/leistung-hg-beschattungen.jpg);
background-repeat: no-repeat;
}
.hg-pergola {
background-image: url(http://localhost:8888/wp-content/uploads/2020/08/leistung-hg-pergola.jpg);
background-repeat: no-repeat;
}
.bg-333 {
background-color: #292c29;
}
.section-hg img {
display: flex;
justify-content: center;
align-items: center;
width: 400px;
margin: auto 10%;
}
.section-hg a {
text-align: center;
display: inline;
width: 30%;
font-size: .9em;
color: rgba(217, 247, 218, 1);
padding: 3%;
}
.section-hg .card article {
float: left;
color: #fff;
text-align: center;
width: 100%;
position: relative;
margin-top: 25%;
z-index: 10033;
}
.section-hg2 {
clear: both;
display: block;
background-image: url(http://localhost:8888/wp-content/uploads/2020/03/leistung-hg-fensters.jpg);
margin-bottom: 5%;
margin: 0;
float: left;
height: auto;
width: 100%;
}
.section-hg {
color: #f5f9f5;
}
.section-hg .box_three h2 {
clear: both;
text-align: center;
margin-top: 18%;
margin-bottom: 0;
padding-bottom: 0;
font-size: 1.3em;
color: #f5f9f5;
font-size: 2.1em;
}
.section-hg .card .box_three p {
margin: auto 3%;
}
.section-hg .box_three p {
clear: both;
text-align: center;
margin-top: 0;
font-weight: 200;
margin-bottom: 0;
padding-bottom: 0;
font-size: 1.3em;
color: #f5f9f5
}
.section-hg.box_three p {
float: left;
text-align: center;
font-size: 1.1em;
}
2section-hg.box_three img {
clear: both;
float: left;
2padding-top: -3em;
2margin-top: 2%;
margin: 3%;
padding: 3%;
width: 30% !important;
}
.list {
clear: both;
max-width: 90%;
margin: auto 5%;
padding: 1em;
margin-left: 1em;
text-align: left;
word-wrap: break-word;
font-size: .9em;
}
.list h1, .list-small h1, .list h2, .list-small h2 {
margin-bottom: -1em;
padding-bottom: 0;
margin: 0;
font-weight: 300;
}
.icon li::before {
content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " ";
margin-left: -3.4em;
}
.list ul {
list-style-type: none;
font-size: 1.3em;
}
.list li {
margin-bottom: 3%;
}
.list ul ul {
list-style-type: none;
font-size: .8em;
}
.list ul .out {
list-style-position: outside
}
.list h1, .list h2 {
color: #f4660a;
}
.list ul.out {
list-style-position: outside
}
.list ul.hanging {
text-indent: 1em;
}
@media screen and (min-width:800px) {
.list {
width: 90%;
margin: auto 10%;
text-align: left;
font-size: 120%;
padding: 1em 1em;
margin-bottom: 2em;
margin-top: 2em;
clear: both;
}
.icon li::before {
content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " ";
margin-left: -3.1em;
}
.list ul {
list-style-type: none;
padding: 1.5em 0;
left: 0;
font-size: .9em;
}
.list ul .out {
list-style-position: outside
}
.list ul.out {
list-style-position: outside
}
ul.hanging {
text-indent: 1em;
}
.list ul ul {
list-style-type: none;
font-size: 1.0em;
margin-left: 1em;
}
}
.list-small {
width: 90%;
float: left;
position: relative;
margin: auto 5%;
max-width: 100%;
padding: 2em;
font-size: 1em;
text-align: left;
word-wrap: break-word;
}
.list-small h1 {
text-align: left;
}
.list-small li::before {
content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " ";
margin-left: -4.4em;
}
.icon li li::before {
content: " ✓ ";
margin-left: -4.0em;
}
.list-small ul li ul li::before {
content: " ✓ ";
margin-left: -1em;
}
.list-small ul {
list-style-type: none;
}
.list ul ul {
list-style-type: none;
font-size: .8em;
}
.list-small ul .out {
list-style-position: outside
}
.list-small h1, .lislist-small h2 {
color: #f4660a;
}
.list-small ul.out {
list-style-position: outside
}
.list-small ul.hanging {
text-indent: 1em;
}
.section-skew-blue-over .list-small {
color: #fff;
}
.section-skew-blue-over .list-small h3 {
text-align: left;
}
@media screen and (min-width:600px) {
.list-small {
width: 80%;
margin: auto 10%;
padding: 2em;
}
.list-small h1 {
text-align: center;
}
.list {
width: 80%;
padding: 2em;
}
.list {
margin-top: 0;
padding-top: .2em;
}
}
@media screen and (min-width:700px) {
.list-small {
width: 80%;
margin: auto 10%;
text-align: left;
font-size: 1.6em;
padding: 0em;
margin-bottom: 2em;
margin-top: 0em;
clear: both;
}
.icon li li::before {
content: "✓";
margin-left: -4em;
}
.icon li::before {
content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " ";
margin-left: -3.1em;
}
.list-small ul {
list-style-type: none;
padding: 1.5em 0;
left: 0;
font-size: 1em;
}
.list-small ul ul {
list-style-type: none;
padding: 1em;
left: 0;
font-size: .8em;
}
.list-small ul .out {
list-style-position: outside
}
.list-small ul.out {
list-style-position: outside
}
ul.hanging {
text-indent: 1em;
}
}
@media screen and (min-width:1100px) {
.list-small {
width: 60%;
margin: auto 20%;
}
}
.list-small-orange {
width: 90%;
float: left;
position: relative;
margin: auto 10%;
max-width: 100%;
padding: 0 2em;
font-size: .9em;
color: #fff;
text-align: left;
word-wrap: break-word;
}
.list-small-orange li::before {
content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " ";
margin-left: -4.4em;
}
.icon li li::before {
content: " ✓ ";
margin-left: -4.0em;
}
.list-small-orange ul li ul li::before {
content: " ✓ ";
margin-left: -1em;
}
.list-small-orange ul {
list-style-type: none;
}
.list-small-orange ul .out {
list-style-position: outside
}
.list-small-orange h1, .lislist-smallt h2 {
color: #f4660a;
}
.list-small-orange h2 {
font-size: 1em;
}
.list-small-orange ul.out {
list-style-position: outside
}
.list-small-orange ul.hanging {
text-indent: 1em;
}
@media screen and (min-width:600px) {
.list-small-orange {
width: 100%;
padding: 0 2em;
}
}
@media screen and (min-width:700px) {
.list-small-orange {
width: 80%;
margin: auto 20%;
text-align: left;
font-size: 1.6em;
padding: 0em 1em;
margin-bottom: 2em;
margin-top: 0em;
clear: both;
}
.icon li li::before {
content: "✓";
margin-left: -3.1em;
}
.icon li::before {
content: url(https://gbf-ev.de/wp-content/uploads/2018/10/haken.png) " ";
margin-left: -3.1em;
}
.list-small-orange ul {
list-style-type: none;
padding: 1.5em 0;
left: 0;
font-size: 1em;
}
.list-small-orange ul ul {
list-style-type: none;
padding: 1em;
left: 0;
font-size: .8em;
}
.list-small-orange ul .out {
list-style-position: outside
}
.list-small-orange ul.out {
list-style-position: outside
}
ul.hanging {
text-indent: 1em;
}
}
@media screen and (min-width:1400px) {
.list-small-orange {
width: 50%;
margin: auto 40%;
}
}
.zukunft .btn-orange a {
color: #fff;
margin-top: 1em;
}
.btn-orange a {
color: #fff;
margin-top: 1em;
}
.btn-orange {
background: rgba(244, 102, 10, 1);
}
.btn-orange-left a {
color: #fff;
margin-top: 1em;
}
.btn-orange-left {
background: rgba(244, 102, 10, 1);
margin-left: 5%;
}
.btn-blue {
background: #181834;
border: 0;
border-radius: 0;
bottom: 1em;
padding: 0 25px;
margin-top: 1em;
margin-left: 2em;
text-align: center;
line-height: 40px;
width: auto;
text-transform: uppercase;
position: relative;
overflow: hidden;
color: #fff;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
display: inline-block;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
}
.btn, .btn-orange {
border: 0;
border-radius: 0;
padding: 0 25px;
margin-top: 1em;
text-align: center;
line-height: 40px;
width: auto;
text-transform: uppercase;
position: relative;
overflow: hidden;
color: #fff;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.btn span, .btn-blue span, .btn-orange span {
margin-bottom: 0 !important;
position: relative;
z-index: 10;
display: inline-block;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.btn.btn-bold, .btn-blue.btn-bold, .btn-orange.btn-bold {
font-weight: bold;
letter-spacing: 1px;
}
.btn, .btn-orange {
display: inline-block;
padding: .4em .3em;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn-orange a:hover {
color: rgb(3, 33, 132);
}
.btn-blue a:hover {
color: #fff;
}
.tp-caption.btn, .btn, .tp-caption.btn-orange, .btn-orange, .tp-caption.btn-blue, .btn-blue {
width: auto;
color: #edcf07;
font-size: 1em;
line-height: 17px;
font-weight: 500;
font-style: normal;
padding: 12px 35px 12px 35px;
text-decoration: none;
border-color: rgba(0, 0, 255, 1.0);
border-style: solid;
border-width: 0px;
border-radius: 0px 0px 0px 0px;
text-align: left;
}
.btn a {
color: #fff;
}
.btn p, .btn a, label, span {
font-size: .89em;
color: #020518;
}
.parallax, .parallax h1 {
font-size: 2.4em;
color: #fff;
font-weight: 400;
}
.parallax1 {
clear: both;
position: relative;
background-color: #0b1b3a; background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/Home-HG.jpg);
width: 100%;
float: left;
margin-top: 0px;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 10px;
}
.parallax1::before{
content:"";
position:absolute;
inset:0;
background: rgba(11,27,58,0.85); pointer-events:none;
z-index:0;
}
.parallax1 > *{
position: relative;
z-index: 1;
}
.parallax2 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/Home-HG-ill.jpg);
height: 300px;
margin-top: 0px;
color: #fff;
font-size: 50%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (min-width: 380px) {
.parallax2 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/Home-HG-ill.jpg);
height: 400px;
margin-top: 0px;
font-size: 60%;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
@media screen and (min-width:800px) {
.parallax2 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/Home-HG-ill.jpg);
height: 500px;
margin-top: 0px;
font-size: 70%;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
@media screen and (min-width:1100px) {
.parallax2 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/Home-HG-ill.jpg);
height: 800px;
margin-top: 0px;
font-size: 100%;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
.parallax3 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/Leistungen.jpg);
height: 600px;
margin-top: 0;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax4 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/leistungen-HG2.jpg);
margin-top: 0px;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax5 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/Home-HG-ill.jpg);
width: 97%%;
margin-top: 0px;
float: left;
padding-left: 3%;
margin-bottom: 5%;
padding-top: 5%;
padding-bottom: 5%;
font-size: 80%;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax6 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/leistungen-HG2.jpg);
width: 100%;
float: left;
padding-bottom: 10%;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax8 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/04/Web-unscharf.jpg);
width: 100%;
margin-top: 0;
padding-top: 5%;
padding-bottom: 10%;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax-cd {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/04/Web-unscharf.jpg);
width: 100%;
margin-top: 0;
padding-top: 1%;
padding-bottom: 10%;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax5 .tx p {
color: #fff;
font-size: 1.2em;
padding: 0;
margin: 4% 0;
font-weight: 400;
text-align: center;
width: 100%;
}
@media screen and (min-width:900px) {
.parallax5 .tx p {
color: #fff;
font-size: 1.2em;
padding: 0;
margin: 4% 0;
text-align: center;
width: 100%;
}
.parallax5, .parallax8 {
height: 500px;
padding-bottom: 0;
}
.parallax-cd {
height: 500px;
}
}
@media screen and (min-width:1100px) {
.parallax5 .parallax6, .parallax8 {
height: 600px;
margin-top: 0px;
}
}
@media screen and (min-width:1600px) {
.parallax5 {
height: 700px !Important;
margin-top: 0px;
}
}
.parallax7 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/web-Kopie-scaled.jpg);
height: 350px;
width: 100%;
margin-top: 0px;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax9 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/Home-HG-ill.jpg);
padding: 1% 3%;
float: left;
width: 100%;
margin-top: 0px;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax10 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/04/PlakatWand_BuchnerA1-scaled.jpg);
height: 500px;
width: 100%;
margin-top: 0px;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax11 {
clear: both;
background-image: url(https://sp-kreativdesign.de/wp-content/uploads/2022/03/leistungen-HG2.jpg);
margin-top: 0px;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax11 label {
color: #fff;
}
.parallax2 h2, .parallax3 h2, .parallax10 h2 {
color: #fff;
padding-top: 10%;
font-weight: 500;
width: 85%;
margin: auto;
}
.parallax4 h2 {
margin: 7% 10%;
color: #fff;
font-size: 1.8em;
font-weight: 400;
line-height: 1.3;
text-align: center;
}
.parallax4 p {
margin: 0;
color: #fff;
font-size: 1.0em;
font-weight: 400;
line-height: 1.3;
text-align: left;
}
.parallax5 h2 {
margin: 8% 10% 5% 10%;
color: #fff;
font-size: 2.1em;
font-weight: 400;
line-height: 1.3;
float: left;
}
.parallax6 h2 {
margin: 5% 10%;
color: #fff;
font-size: 2.1em;
font-weight: 400;
line-height: 1.3;
}
.parallax7 h2 {
margin: 10% 10%;
color: #fff;
padding: 1em;
font-size: 2.1em;
font-weight: 400;
line-height: 1.3;
}
.parallax8 h2 {
margin: 5% 10%;
color: #fff;
font-size: 1.4em;
font-weight: 400;
line-height: 1.6;
}
.parallax11 h2 {
margin: 5% 10%;
color: #fff;
font-size: 2.1em;
font-weight: 400;
line-height: 1.3;
text-align: center;
}
.parallax11 p {
margin: 10% 5% 10% 1%;
color: #fff;
font-size: 1.0em;
font-weight: 400;
line-height: 1.3;
text-align: left;
}
.parallax-cd h2 {
margin: 5% 10%;
color: #fff;
font-size: 1.3em;
font-weight: 400;
line-height: 1.6;
}
@media screen and (min-width:800px) {
.parallax7 {
height: 600px;
}
.parallax11 p {
margin: 10% 5% 10% 13%;
}
}
@media screen and (min-width: 900px) {
.parallax9 {
height: 500px;
}
}
@media screen and (min-width: 1000px) {
.parallax5 h2 {
margin: 2% 10% 5% 10%;
}
}
@media screen and (min-width: 1200px) {
.parallax5 h2 {
margin: 8% 10% 5% 10%;
}
}
@media screen and (min-width: 1400px) {
.parallax5 {
height: 600px;
width: 100%;
}
}
@media screen and (min-width:1700px) {
.parallax9 {
height: 700px;
}
}
@media screen and (min-width:1200px) {
.parallax8 h2 {
margin: 5% 10%;
color: #fff;
font-size: 1.9em;
font-weight: 400;
line-height: 1.6;
}
}
@media screen and (min-width:1350px) {
.parallax-cd h2 {
margin: 5% 10%;
color: #fff;
font-size: 1.7em;
font-weight: 400;
line-height: 1.6;
}
}
@media screen and (min-width:2000px) {
.parallax2 {
height: 900px;
}
}
.parallax9 h2 {
margin: 0 10%;
color: #fff;
padding-top: 6%;
font-size: 2.1em;
font-weight: 400;
line-height: 1.3;
text-align: center;
}
.parallax10 h2 {
margin: 5% 10%;
color: #fff;
font-size: 2.1em;
font-weight: 400;
line-height: 1.3;
}
.tx {
margin: auto 10%;
}
.box-pic_0.tx {
color: #181834;
}
.tx p {
font-size: 1.2em;
text-align: center;
width: 80%;
margin: auto 10%;
font-weight: 200;
font-style: normal;
color: #666;
line-height: 1.5;
letter-spacing: 0.3px;
hyphens: none;
left: 0;
right: 0;
text-align: center;
height: auto;
padding: 10% 10px;
}
.tx h1 {
font-size: 2.2em;
text-align: left;
font-weight: 300;
font-style: normal;
color: #fff;
line-height: 1;
letter-spacing: 0.3px;
hyphens: auto;
left: 0;
right: 0;
text-align: left;
height: auto;
padding: 6% 2% 3% 0;
}
@media screen and (min-width:800px) {
.tx h1 {
font-size: 3.2em;
}
}
.tx-h1 {
font-size: 2.2em;
text-align: left;
font-weight: 300;
font-style: normal;
color: #fff;
line-height: 1;
letter-spacing: 0.3px;
hyphens: auto;
left: 0;
right: 0;
text-align: left;
height: auto;
padding: 6% 2% 3% 0;
}
@media screen and (min-width:800px) {
.tx-h1 {
font-size: 3.2em;
}
}
.parallax1.tx {
margin: auto 20%;
}
.parallax1 h2 {
font-size: 1.4em;
text-align: left;
margin: 0;
font-weight: 400;
font-style: normal;
color: #f5c604;
line-height: 1.2;
letter-spacing: 0.3px;
hyphens: auto;
padding: 0;
}
@media screen and (max-width:800px) {
.parallax1, .parallax3, .parallax4, .parallax10 {
height: auto;
}
.parallax2 h2, .parallax3 h2, .parallax4 h2, .parallax5 h2, .parallax6 h2, .parallax7 h2, .parallax8 h2, .parallax9 h2, .parallax10 h2, .parallax11 h2 {
font-size: 1.2em;
}
}
@media screen and (max-width:1400px) {
.parallax4 h2 {
font-size: 1.3em;
}
}
@media screen and (min-width:900px) {
.tx p {
font-size: 2.6em;
text-align: center;
margin: 0.67em 0;
width: 70%;
margin: auto 15%;
font-weight: 200;
font-style: normal;
color: #666;
line-height: 1.5;
letter-spacing: 0.3px;
hyphens: none;
left: 0;
right: 0;
text-align: center;
height: auto;
padding: 10% 10px;
}
}
.beratung {
width: 100px;
height: 100px;
color: red;
position: relative;
animation-name: example;
animation-duration: 4s;
animation-delay: -2s;
transform: translateX(-50%) rotate(-10deg);
}
@keyframes example {
0% {
color: red;
left: 0px;
top: 0px;
}
25% {
color: yellow;
left: 200px;
top: 0px;
}
50% {
color: blue;
left: 200px;
top: 200px;
}
75% {
color: green;
left: 0px;
top: 200px;
}
100% {
color: red;
left: 0px;
top: 0px;
}
}
.font-scale0 {
height: 200px;
}
.font-scale0 {
margin: 50px;
padding: 50px;
background-color: ;
}
.font-scale0 {
font-weight: 300;
font-size: 3.1em;
color: red;
margin-top: 1%;
margin-left: 1%;
position: absolute;
float: left;
z-index: 20;
}
.scale0 {
opacity: 0;
}
.font-scale1 {
font-weight: 300;
font-size: 2.1em;
color: #020518;
margin-top: 1%;
margin-left: 1%;
position: absolute;
float: left;
animation: scale1 3s;
z-index: 20;
}
@keyframes scale1 {
0% {
transform: scale(0.1);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.font-scale2 {
font-weight: 400;
font-size: 2.1em;
color: #020518;
margin-top: 10%;
margin-left: -8%;
position: absolute;
float: left;
animation: scale2 10s;
z-index: 20;
}
@keyframes scale2 {
0% {
transform: scale(0.1);
opacity: 0;
}
100% {
transform: scale(1.);
opacity: 1;
}
}
.font-scale3 {
font-weight: 300;
color: #020518;
font-size: 2.1em;
margin-top: 25%;
margin-left: 4%;
position: absolute;
float: left;
animation: scale3 5s;
z-index: 20;
}
@keyframes scale3 {
0% {
transform: scale(0.1);
opacity: 0;
}
70% {
transform: scale(1.);
opacity: 1;
}
100% {
transform: scale(1.);
opacity: 1;
}
}
@media screen and (min-width:500px) {
.font-scale3 {
margin-top: 31%;
}
}
@media screen and (min-width:800px) {
.font-scale3 {
margin-top: 25%;
}
}
@media screen and (min-width:2000px) {
.font-scale3 {
margin-top: 20%;
}
}
.font-scale4 {
font-weight: 300;
font-size: 1.6em;
color: #fff;
margin-top: 1%;
right: 15%;
position: absolute;
float: right;
animation: scale4 3s;
z-index: 20;
}
@keyframes scale4 {
0% {
transform: scale(0.1);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.font-scale5 {
font-weight: 400;
font-size: 2.1em;
color: #fff;
margin-top: 15%;
right: 5%;
position: absolute;
float: right;
animation: scale5 8s;
z-index: 20;
}
@media screen and (min-width:768px) {
.font-scale5 {
margin-top: 9%;
}
}
@keyframes scale5 {
0% {
transform: scale(0.1);
opacity: 0;
}
100% {
transform: scale(1.);
opacity: 1;
}
}
.font-scale6 {
font-weight: 300;
color: #fff;
font-size: 2.2em;
margin-top: 30%;
right: 3%;
position: absolute;
float: right;
animation: scale6 5s;
z-index: 20;
}
@media screen and (min-width:768px) {
.font-scale6 {
margin-top: 20%;
}
}
@keyframes scale6 {
0% {
transform: scale(0.1);
opacity: 0;
}
70% {
transform: scale(1.);
opacity: 1;
}
100% {
transform: scale(1.);
opacity: 1;
}
}
.font-scale-leistung1 {
width: 90%;
font-weight: 300;
color: #fff;
font-size: 2.1em;
margin-top: 5%;
margin-left: 64%;
right: -40%;
position: absolute;
float: left;
animation: scale-leistung1 4500ms;
z-index: 20;
opacity: .4;
}
@keyframes scale-leistung1 {
0% {
transform: scale(0.1);
opacity: 0;
}
70% {
transform: scale(1.);
opacity: .8;
}
100% {
transform: scale(1);
opacity: .4;
}
}
.font-scale-leistung2 {
width: 90%;
font-weight: 300;
color: #fff;
font-size: 3.1em;
margin-top: 8%;
margin-left: 84%;
right: -65%;
position: absolute;
float: left;
animation: scale-leistung2 6s;
z-index: 20;
opacity: .7;
}
@keyframes scale-leistung2 {
0% {
transform: scale(0.1);
opacity: 0;
}
70% {
transform: scale(1.);
opacity: 1;
}
100% {
transform: scale(1.);
opacity: 1;
}
}
.font-scale-leistung3 {
width: 90%;
font-weight: 300;
color: red;
font-size: 2.1em;
margin-top: 12%;
margin-left: 64%;
right: -45%;
position: absolute;
float: left;
animation: scale-leistung3 3s;
z-index: 20;
opacity: .4;
}
@keyframes scale-leistung3 {
0% {
transform: scale(0.1);
opacity: 0;
}
70% {
transform: scale(1.);
opacity: .8;
}
100% {
transform: scale(1);
opacity: .4;
}
}
.font-scaleLogo span {
color: #edcf06;
font-size: 95%;
margin-bottom: 1.2em;
float: left;
}
.font-scaleLogo {
margin: 25% auto;
float: left;
}
@media screen and (min-width:460px) {
.font-scaleLogo {
margin-top: 40%;
margin-right: 34%;
margin-left: 27%;
float: left;
}
}
.font-scaleLogo a {
background: rgba(255, 255, 255, .8);
float: left;
margin-top: 35%;
left: -20%;
color: #171843;
position: relative;
float: right;
width: auto;
padding: 0 0.3em 0.3em 0.3em;
font-size: 2.1em;
line-height: 1.1;
animation: scaleLogo 3s;
z-index: 23;
width: 95%;
transform: scale(.8);
}
@media screen and (min-width:450px) {
.font-scaleLogo a {
margin-top: -60%;
left: -35%;
}
}
@media screen and (min-width:800px) {
.font-scaleLogo {
margin: 0 auto;
float: left;
}
.font-scaleLogo a {
margin-top: 1.2em;
left: -35%;
}
}
@media screen and (min-width:1250px) {
.font-scaleLogo a {
margin-top: 1.2em;
left: -35%;
}
}
@media screen and (min-width:1900px) {
.font-scaleLogo a {
margin-top: 1.2em;
left: -45%;
}
.font-scale6 {
margin-top: 14%;
right: 32%;
}
}
@keyframes scaleLogo {
0% {
transform: scale(0.1);
opacity: 0;
}
100% {
transform: scale(.8);
opacity: 1;
}
}
.dice {
width: 209px;
height: 90px;
position: relative;
float: left;
margin-top: 8%;
margin-left: 35%;
transition: width 3s, height 3s, transform 3s;
transform: rotate(360deg);
opacity: .9;
animation: dice 6s;
z-index: 10;
}
@keyframes dice {
0% {
transform: scale(0.1);
opacity: 0;
transform: rotate(120deg);
}
50% {
transform: scale(.5);
opacity: .4;
transform2: rotate(180deg);
}
100% {
transform: scale(1.);
opacity: 1;
transform: rotate(360deg);
}
}
.dice:active {
width: 300px;
height: 300px;
transform: rotate(360deg);
}
$background: linear-gradient(to bottom, #405166 0%, #656f6f 100%);
$red: #e55643;
$green: #2b9f5e;
$yellow: #f1c83c;
$shadow: #533d4a;
.mein-element {
background: red;
height: 50vh;
max-width: 500px;
margin: 0 auto;
margin-bottom: 2em;
}
.element2 {
background: red;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width. 100% display: block;
position: absolute;
}
.dice-web {
width: 100%;
height: 800px;
position: relative;
float: left;
transition: width 3s, height 3s, transform 3s;
opacity: .9;
animation: dice 10s;
z-index: 10;
}
.dice-web img {
width: 100%;
height: : 100%;
left: 0;
}
@keyframes dice-web {
0% {
transform: scale(0.1);
opacity: 0;
}
50% {
transform: scale(.5);
opacity: .4;
}
100% {
transform: scale(1.);
opacity: 1;
}
}
.mein-element {
opacity: 0;
transition: opacity .5s ease-in-out;
color: #333;
}
.element, dice-web {
opacity: 0;
transition: opacity .5s ease-in-out;
color: #333;
}
.my-element {
background: ;
height: 100%;
max-width: 500px;
margin: 0 auto;
margin-bottom: 2em;
opacity: 0;
transition: all 3s ease-in-out;
}
.visible {
background: ;
}
.my-element.visible {
background: ;
max-width: 90%;
}
.my-element:nth-of-type(odd) {
transform: translateX(-50%);
}
.my-element:nth-of-type(even) {
transform: translateX(90%);
}
.my-element.visible {
transform: translateX(0);
opacity: 1;
background: ;
}
.my-element.visible {
font-size: 1.5em;
color: #fff;
opacity: 1;
}
.ref-element {
background: ;
height: 100%;
max-width: 500px;
margin: 0 auto;
margin-bottom: 2em;
opacity: 0;
transition: all 3s ease-in-out;
}
.visible {}
.ref-element.visible {
max-width: 90%;
}
.ref-element:nth-of-type(4n-1) {
transform: translateX(15%);
}
.ref-element:nth-of-type(4n-2) {
transform: translateX(-20%);
}
.ref-element.visible {
transform: translateX(0);
opacity: 1;
background: ;
}
.ref-element.visible {
font-size: 1.5em;
color: #fff;
}
.ref-element.visible h1 {
font-size: 3.2em;
color: rgba(249, 210, 3, 1);
}
.refh1-element {
background: ;
height: 100%;
margin: 0 auto;
margin-bottom: 2em;
opacity: 0;
transition: all 3s ease-in-out;
width: 86%;
}
.refh1-element.visible {
max-width: 90%;
}
.refh1-element.visible {
transform: translateX(0);
opacity: 1;
}
refh1-element.visible h1 {
font-size: 3.2em;
color: rgba(249, 210, 3, 1);
margin-left: 0;
}
.refh1-element.visible:nth-of-type(1n-1) {
font-size: 1.4em;
line-height: 1;
margin-bottom: 0;
color: rgba(249, 210, 3, 1);
width: 80%;
}
.refh1-element.visible:nth-of-type(2n-1) {
transform: translateX(0);
line-height: 1;
margin: 2% 5% 0 2%;
height: 100%;
position: relative;
padding: 0;
background: #edcf06;
color: #fff;
width: 75%;
min-width: 50%;
float: left;
}
@media screen and (min-width:768px) {
.refh1-element.visible:nth-of-type(1n-1) {
transform: translateX(15%);
font-size: 3.9em;
line-height: 1;
margin-left: -2%;
margin-bottom: 0;
}
.refh1-element.visible:nth-of-type(2n-1) {
transform: translateX(20%);
}
}
.font-box1 {
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
display: block;
position: absolute;
max-width: 225px;
}
.buttonööö {
float: left;
position: relative;
bottom: -65px;
left: 50%;
transform: translateX(-50%) rotate(-10deg);
color: $red;
text-transform: uppercase;
opacity: 0;
visibility: hidden;
cursor: pointer;
}
.fontbox1 span {
transform: skew(-10deg);
display: block;
float: left;
text-shadow: $shadow 1px 1px, $shadow 2px 2px, $shadow 3px 3px, $shadow 4px 4px;
}
h1 {
color: #fff;
text-transform: uppercase;
font-size: 42px;
margin: 0;
line-height: 47px;
letter-spacing: 2px;
}
.font1 {
transform: translateX(-50%) rotate(-10deg);
display: block;
float: left;
left: 50%;
position: relative;
}
span {
display: block;
text-shadow: $shadow 1px 1px, $shadow 2px 2px, $shadow 3px 3px, $shadow 4px 4px, $shadow 5px 5px, $shadow 6px 6px;
min-width: 10px;
min-height: 10px;
}
.font2 {
font-size: 2.2em;
text-align: left;
font-weight: 300;
font-style: normal;
color: #fff;
line-height: 1;
letter-spacing: 0.3px;
hyphens: auto;
margin: 10% 20%;
text-align: left;
height: auto;
padding: 6% 2% 3% 0;
transform: scale(0.5) translate(-100%, -100%);
}
.box-font3 {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.box-font3 {
display: flex;
background: orange;
min-height: 100vh;
align-items: center;
justify-content: center;
}
.font3 {
position: relative;
}
.font3 h2 {
color: #fff;
font-size: 8em;
position: absolute;
transform: translate(-50%, -50%);
}
.font3 h2:nth-child(1) {
color: transparent;
-webkit-text-stroke: 2px #fff;
}
.font3 h2:nth-child(2) {
color: red;
animation: animate 4s ease-in-out infinite;
}
@keyframes animate {
0%, 100% {
clip-path: polygon(0% 45%, 16% 44%, 33% 50%, 54% 60%, 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100%);
}
50% {
clip-path: polygon(0% 60%, 15% 65%, 34% 66%, 51% 62%, 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%);
}
}
img.displayed {
display: block;
margin-left: auto;
margin-right: auto;
}
.pic-50 {
display: block;
margin: auto;
}
.one-pic {
width: 50%;
margin: auto 40%;
display: block;
float: left;
}
.one-pic-2 {
float: right;
position: relative;
margin: auto 0;
display: block;
margin-top: -4em;
z-index: 100;
}
.one-pic-4 {
float: right;
position: relative;
margin: auto 0;
display: block;
margin-top: -2em;
margin-bottom: -.6em;
z-index: 100;
}
.one-pic-5 {
float: right;
position: relative;
margin: auto 0;
display: block;
margin-top: -7em;
margin-bottom: -.58em;
z-index: -1;
}
.wp-caption .one-pic-3a img {
width: auto;
}
.one-pic-3a {
margin: auto 0;
width: auto;
max-width: 100%;
height: auto;
display: block;
left: 0;
right: 0;
margin-bottom: 2em;
}
.one-pic-3 {
float: left;
margin: auto 0%;
width: 100%;
max-width: 100%;
height: auto;
display: block;
left: 0;
right: 0;
margin-bottom: -1.6em;
}
.one-pic-3 img {}
.one-pic-right {
width: auto;
display: block;
float: right;
position: relative;
right: 5%;
top: -75px;
}
.one-pic .wp-image-1534 article img {
margin-top: -1em;
margin-bottom: -2em;
padding-bottom: 0;
padding-top: 0;
}
.one-pic .wp-image-1534 p {
margin: 0;
padding: 0;
}
.red {
float: left;
width: 100%;
background-color: red;
padding-top: 1em;
padding-bottom: 1em;
margin-top: 0;
margin-bottom: 0;
}
@media screen and (max-width:800px) {
.red {
background-color: red;
padding-top: 3em;
padding-bottom: 5em;
margin-bottom: -4em;
}
.one-pic-right {
top: 0px;
right: 40%;
}
}
.two-pics img {
max-width: 100%;
margin: 0 35%;
padding: 0;
}
.three-pics2 img {
max-width: 70%;
margin: auto 20%;
padding: 2em;
}
img.three-pics.alignleft {
padding-left: 3em;
padding-top: 3em;
float: left;
max-width: 10%;
}
img.three-pics {
width: 33%;
height: auto;
margin: 5px 0 10px 0 !important;
}
.three-pics img {
max-width: 60%;
margin: auto 40%;
float: left;
padding: 2em;
margin: 2em;
text-align: center;
}
.ambulance {
margin: auto 10%;
float: left;
position: relative;
}
body.page-id-xx {
background-image: url(https://gbf-ev.de/wp-content/uploads/2018/10/HG.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
@media screen and (max-width:1300px) {
body.page-id-xx {
background-image: url(https://gbf-ev.de/wp-content/uploads/2018/10/HG.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
width: 100%;
float: left;
left: 0;
right: 0;
z-index: 10;
}
}
.color-section-over-skew {
-webkit-clip-path: polygon(0 10, 100% 0, 100% calc(100% - 10vw), 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
margin-bottom: -10vw;
background: #181834;
padding: 3em;
float: left;
height: 400px;
width: 100%;
clear: both;
}
.hg-orange {
background: rgb(244, 102, 10);
background: -moz-linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
background: -webkit-linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
background: linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a", endColorstr="#f4660a", GradientType=1);
padding: 3em;
float: left;
height: auto;
margin: 0;
color: #fff;
clear: both;
}
.hg-orange-right {
-webkit-clip-path: polygon(0 10vw, 100% 0, 100% calc(100% - 10vw), 0 100%);
clip-path: polygon(0 10vw, 100% 0, 100% calc(100% - 10vw), 0 100%);
margin-bottom: -15vw;
background: rgb(244, 102, 10);
background: -moz-linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
background: -webkit-linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
background: linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a", endColorstr="#f4660a", GradientType=1);
padding: 3em;
float: left;
height: auto;
clear: both;
}
.section-skew-orange {
-webkit-clip-path: polygon(0 10vw, 100% 0, 100% calc(100% - 10vw), 0 100%);
clip-path: polygon(0 10vw, 100% 0, 100% calc(100% - 10vw), 0 100%);
margin-bottom: 15vw;
background: rgb(244, 102, 10);
background: -moz-linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
background: -webkit-linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
background: linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a", endColorstr="#f4660a", GradientType=1);
padding: 3em;
float: left;
height: auto;
width: 100%;
clear: both;
}
.section-skew-orange-over {
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
margin-bottom: 10vw;
background: rgb(244, 102, 10);
background: -moz-linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
background: -webkit-linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
background: linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a", endColorstr="#f4660a", GradientType=1);
width: 100%;
padding: 3em;
margin: 0;
float: left;
height: auto;
text-align: center;
min-height: 500px;
clear: both;
}
.hg-orange h3 {
color: #fff;
padding-top: 1em;
padding-bottom: 1em;
}
.page .section-skew-orange-over h1 {
color: #fff;
padding-top: 1em;
padding-bottom: 2em;
font-size: 1.4em;
}
.page .section-skew-orange-over h2 {
color: #fff;
padding-top: 2em;
padding-bottom: 2em;
font-size: 1.3em;
}
.page .section-skew-orange-over h3 {
color: #fff;
padding-top: 2em;
padding-bottom: 2em;
}
.page .section-skew-orange-over p {
padding-top: 0;
padding-bottom: 3em;
}
@media screen and (min-width:800px) {
.page .section-skew-orange-over h1 {
font-size: 2.3em;
}
.page .section-skew-orange-over h2 {
font-size: 2em;
}
.page .section-skew-orange-over h3 {
font-size: 1.2em;
}
}
.section-skew-blue-over {
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
margin-bottom: 10vw;
background: rgb(3, 33, 132);
background: -moz-linear-gradient(90deg, rgba(3, 33, 132, 1) 14%, rgba(34, 74, 204, 1) 50%, rgba(3, 33, 132, 1) 85%);
background: -webkit-linear-gradient(90deg, rgba(3, 33, 132, 1) 14%, rgba(34, 74, 204, 1) 50%, rgba(3, 33, 132, 1) 85%);
background: linear-gradient(90deg, rgba(3, 33, 132, 1) 14%, rgba(34, 74, 204, 1) 50%, rgba(3, 33, 132, 1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184", endColorstr="#032184", GradientType=1);
padding: 4em 3em;
margin: 0;
float: left;
height: auto;
width: 100%;
min-height: 500px;
color: #fff;
margin-bottom: 5%;
clear: both;
}
.page .section-skew-blue-over article {
width: 80%;
}
.page .section-skew-blue-over h1 {
padding-bottom: .5em;
padding-top: .5em;
font-weight: 300;
}
.page .section-skew-blue-over h2 {
padding-top: .5em;
padding-bottom: .5em;
font-size: 3.1em;
font-weight: 400;
}
.page .section-skew-blue-over h3 {
padding-top: .5em;
text-align: left;
color: #fff;
font-size: 2.0em;
font-weight: 300;
}
.page .section-skew-blue-over p {
color: #fff;
padding-top: 0;
padding-bottom: 1em;
}
.page.section-skew-blue-over.li {
color: #fff;
}
#color-section-skew {
-webkit-clip-path: polygon(0 10vw, 100% 0, 100% calc(100% - 10vw), 0 100%);
clip-path: polygon(0 10vw, 100% 0, 100% calc(100% - 10vw), 0 100%);
margin-bottom: -10vw;
background: rgb(244, 102, 10);
background: -moz-linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
background: -webkit-linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
background: linear-gradient(90deg, rgba(244, 102, 10, 1) 8%, rgba(249, 178, 86, 1) 50%, rgba(244, 102, 10, 1) 92%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4660a", endColorstr="#f4660a", GradientType=1);
padding: 3em;
margin: 0;
float: left;
height: auto;
width: 100%;
clear: both;
}
.hg_shape_orange_right {
width: 100%;
height: 300px;
overflow: hidden;
position: relative;
}
.hg_shape_orange_righ:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: red;
background: linear-gradient(110deg, red, violet, blue);
transform-origin: 0 100%;
transform: rotate(-20deg) scale(1.2, 1.2);
bottom: 0;
left: 0;
}
.alignnone {
margin: 0;
padding: 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 0;
}
.alignright {
float: right;
margin: 0;
}
.alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
a img.alignright {
float: right;
margin: 0;
}
a img.alignnone {
margin: 0;
}
a img.alignleft {
float: left;
margin: 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: rgba(156, 207, 157, .3);
border: 0px solid #d6d6d6;
max-width: 100;
padding: .5em .4em 0.625em;
margin: .8em;
}
.wp-caption.alignnone {
margin: .5em 1.15em 1.15em 0;
}
.wp-caption.alignleft {
margin: .5em 1.15em 1.15em 0;
}
.wp-caption.alignright {
margin: .5em 0 0 1.15em;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 10px;
width: auto;
}
.wp-caption .wp-caption-text {
float: left;
line-height: 1.0em;
width: 100%;
text-align: center;
padding: .2em 0 1em 0;
margin-bottom: 1em;
margin-top: .5em;
}
.site-content.pic-font .white p {
font-size: .6em;
float: left;
}
.pic-font {
font-size: .6em;
float: left;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#toggle-nav {
display: block;
position: absolute;
left: 1em;
width: 39px;
cursor: pointer;
z-index: 3333;
}
#toggle-nav span {
font-size: 1.5em;
font-weight: 300;
}
.js.site-nav {
display: none;
}
@media screen and (max-width:800px) {
.js .site-nav {
display: none;
}
#toggle-nav {}
.site-nav li ul {
position: static;
position: static;
}
}
.site-nav {
box-sizing: border-box;
float: left;
font-size: .9em;
margin-top: 30px;
z-index: 200;
position: relative;
}
.site-nav ul {
margin: 0;
padding: 0;
}
.site-nav ul {
display: flex;
flex-direction: column;
float: left;
}
.site-nav a {
display: block;
color: #171843;
}
.site-nav a:active {
display: block;
color: #171843;
}
.site-nav ul li {
position: relative;
float: left;
list-style: none;
padding: 1.5em 0;
}
.site-nav ul li:hover {
background: #f5c604;
border-bottom: 1px solid rgb(255 255 255 / 60%);
}
.site-nav ul li:hover .aktive {
background: #edcf06;
border: 2px solid #ffc13b;
}
.site-nav ul li a:hover {
color: #fff;
}
.site-nav ul li a {
padding: 10px;
display: block;
}
.site-nav ul ul {
position: absolute;
top: -9999px;
left: -9999px;
background: #f5c604;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.021);
}
.site-nav ul ul li {
float: none;
width: 200px;
color: #333;
border-bottom: 0px solid orange;
font-size: .9em;
padding: .5em;
}
}
.site-nav ul ul li a {
padding: 5px 20px;
color: #fff;
}
.site-nav ul li:hover > ul {
top: 100%;
left: 0;
color: red;
}
.site-nav ul ul li:hover > ul {
top: 0;
left: 200px;
}
@media screen and (max-width:800px) {
.site-nav {
width: 100%;
text-align: center;
background: #f5c604;
}
.site-nav ul {
width: 100%;
text-align: center;
}
.site-nav li:hover > ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
background: #f5c604;
width: 100%;
transition: none;
color: antiquewhite;
float: none;
position: relative;
z-index: 2000;
}
.site-nav ul li {
position: relative;
float: left;
text-align: center;
list-style: none;
padding: 0.7em 0;
}
.site-nav ul li a {
padding: 0;
margin: 0;
display: block;
}
.site-nav ul li a:hover {
color: #fff;
margin: 0;
padding: 0;
}
.site-nav li {
margin: .3em;
padding: 0;
font-size: 1.10em;
}
.site-nav ul ul li a {
padding: 0;
color: antiquewhite;
text-align: center;
width: 100%;
}
.site-nav ul ul li {
float: none;
width: 100%;
margin: auto 0;
font-size: 1em;
}
.site-nav ul ul ul li a {
color: #555;
}
.site-nav ul ul ul li {
float: none;
width: 70%;
margin: auto 15%;
margin-left: 0;
color: #555;
}
.site-nav > ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.site-nav .sub li {
visibility: hidden;
height: 0;
margin: 0;
padding: 0;
z-index: 1000;
}
.site-nav .sub li {
display: block;
width: 15em;
}
.site-nav li:hover .sub, .site-nav li:active .sub, .site-nav li:focus .sub {
visibility: visible;
height: auto;
}
.site-nav li:focus-within .sub {
visibility: visible;
height: auto;
}
}
.site-nav ul li.sub1 > a:after {
position: relative;
float: left;
content: '';
margin-left: 10px;
margin-top: 5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #232323;
border-bottom: 5px solid transparent;
}
.site-nav ul ul li.sub1 a:after {
margin-left: auto;
margin-right: -10px;
border-left: 5px solid #fff;
border-right: 5px solid transparent;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.site-nav ul ul li:last-child {
border-bottom: none;
}
.nav-top {
color: #edcf06;
background: #020518;
font-size: 0.8em;
height: 60px;
top: 0;
margin-bottom: 1em;
padding-top: 0em;
padding-bottom: 2em;
display: block;
z-index: 2000;
}
.nav-top a {
color: #edcf06;
font-size: 0.9em;
}
.nav-top a:hover {
color: #edcf06;
font-size: 0.9em;
}
.nav-top ul {
right: 2px;
margin-top: 0;
padding: 1em 0;
margin: 0;
list-style: none;
text-align: left;
float: left;
z-index: 40;
position: absolute;
}
.nav-top li {
display: inline;
color: #edcf06;
padding: 0em 0.3em;
margin: 0 0 0 0;
}
.nav-top a {
text-align: center;
color: #edcf06;
text-decoration: none;
}
.nav-top > ul > li > ul {
display: none;
z-index: 22250;
}
.nav-top ul > li > ul > li a {
color: #edcf06;
margin-top: -1.7em;
margin-left: 0;
float: left !Important;
padding: 1em;
width: 300px;
z-index: 22225;
clear: both;
}
.page-id-17.nav-top ul > li > ul > li a:hover, .page-id-581.nav-top ul > li > ul > li a, .page-id-634.nav-top ul > li > ul > li a, .page-id-700.nav-top ul > li > ul > li a, .page-id-865.nav-top ul > li > ul > li a {
background: rgba(111, 10, 17, 1) !Important;
}
@media screen and (min-width:800px) {
.site-nav {
display: block;
margin-top: -2%;
margin-bottom: 3%;
z-index: 2000;
float: left;
margin-left: 4%;
width: 100%;
}
.site-nav ul {
display: block;
}
}
@media screen and (min-width:800px) {
.site-nav {
display: block;
z-index: 2000;
}
.site-nav ul {
display: block;
}
#toggle-nav {
display: none;
}
.site-nav ul li a {
padding: 0 1.3em;
}
.site-nav li {
font-size: 68%;
}
}
@media screen and (min-width:900px) {
.site-nav li {
font-size: 80%;
}
}
@media screen and (min-width:1000px) {
.site-nav {
margin-left: 0;
}
.site-nav li2 {
font-size: 85%;
}
}
@media screen and (min-width:1100px) {
.site-nav {
padding: 0;
z-index: 2800;
}
.site-nav {
margin-left: 0;
}
.site-nav li {
font-size: 85%;
}
}
@media screen and (min-width:1242px) {
.site-nav {
padding: 0;
}
.site-nav {
margin-left: 0;
}
.site-nav li {
font-size: 85%;
}
}
@media screen and (min-width:1370px) {
.site-nav {}
.site-nav li {
font-size: 100%;
}
}
@media screen and (min-width:1550px) {
.site-nav {
width: auto;
margin-top: 2%;
margin-left: 0;
}
}
.tel a {
color: #fff;
padding: .5em;
font-size: 1.3em;
}
@media screen and (min-width:800px) {
.tel a {
color: #f5c604;
}
}
.site-slides {
color: #333;
background: #eee;
float: left;
width: 100%;
height: 100px;
}
@media screen and (max-width:799px) {
.gallery {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.0 * 1rem);
float: left;
margin-left: -30%;
min-width: 320px;
}
div.parallax9 .gallery {
margin-left: -5%;
}
}
.leistung-h1 {
color: #fff;
margin: auto;
line-height: 1.2;
font-size: 2.0em;
text-align: center;
}
@media screen and (min-width: 580px) {
.leistung-h1 {
font-size: 4.4em;
text-align: left;
}
}
.leistung-web, .leistung-gallery {
margin-left: 30%;
width: 99%;
}
@media screen and (min-width:800px) {
.gallery {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.0 * 1rem);
float: left;
margin-left: 5% !Important;
min-width: auto;
}
.leistung-web, .leistung-gallery {
margin-left: -4% !Important;
width: 99%;
}
div.parallax9 .gallery {
margin-left: -5% !Important;
}
}
.gallery-item {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
margin-right: 0;
}
.gallery-columns-3 .gallery-item {
max-width: calc((100%) / 4);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
margin-right: 0;
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
margin-right: 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-right: 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 1px * 1) / 7);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin: 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-right: 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-right: 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0;
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-caption {
display: block;
font-size: 0.r71111em;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
box-shadow: 0 0 0 2px #e9e9e9;
}
.gallery .gallery-item {
margin-top: 0 !important;
}
.gallery .gallery-item img {
border: 0px solid #e9e9e9 !important;
}
.wp-block-gallery {
margin: 0;
}
.blocks-gallery-item figure {
position: relative;
overflow: hidden;
margin: 0;
}
@media screen and (min-width:800px) {
img.attachment-medium.size-medium {
width: 80%;
}
}
.parallax5.gallery .gallery-item img, .parallax5.gallery-item > div > a:focus {
box-shadow: 0 0 0 0px #e9e9e9;
width: 100%;
border: 0;
margin: 0;
padding: 0;
}
address i {
width: 1.563rem;
height: auto;
margin-right: 0.438rem;
font-size: 1.25rem !important;
}
.site-search {
position: absolute;
}
.site-search input[type="search"] {
width: 100%;
padding: .5em 90px .5em .5em;
box-sizing: border-box;
color: #1d2036;
}
.site-search input[type="submit"] {
position: absolute;
right: 0;
bottom: 0;
width: 113px;
height: 37px;
color: #1d2036;
}
@media screen and (min-width:600px) {
.site-search {
position: absolute;
top: 0;
right: 0;
width: 250px;
}
}
.site-main {}
.page-template-template-no-sidebar main {
float: left;
width: 100%;
}
.page-template-template-no-sidebar main section {
float: left;
width: 100%;
margin: auto 0;
}
.page-template-template-no-sidebar main article {
float: left;
width: 80%;
}
@media screen and (max-width:599px) {
.site-content {
float: left;
position: relative;
width: 100%;
margin-top: 0;
z-index: 1600;
}
.site-content article {
width: 98%;
}
.site-content.home {
float: left;
position: relative;
width: 100%;
margin-top: 0;
z-index: 1600;
}
}
.site-content2 {
padding: 0;
}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
width: 100%;
height: auto;
}
@media screen and (min-width:600px) {
.site-content {
float: left;
width: 100%;
position: relative;
}
{
float: left;
width: 100%;
position: relative;
top: 0;
}
.site-content article {
clear: both;
float: left;
width: 80%;
margin: auto 10%;
position: relative;
}
}
.post-meta {}
.wp-post-image {
margin: .3em 1em 1em 0;
}
.wp-post-image a {
padding: 1em;
display: block;
text-decoration: none;
font-size: 1.1em;
}
@media screen and (min-width:1000px) {
.site-content {
top: -60px;
}
}
.site-content-white {
color: #1d2036;
}
.site-content-blue-left, .site-content-blue-right {
background: #181834;
background: -moz-linear-gradient(90deg, rgba(3, 33, 132, 1) 14%, rgba(34, 74, 204, 1) 50%, rgba(3, 33, 132, 1) 85%);
background: -webkit-linear-gradient(90deg, rgba(3, 33, 132, 1) 14%, rgba(34, 74, 204, 1) 50%, rgba(3, 33, 132, 1) 85%);
background: linear-gradient(90deg, rgba(3, 33, 132, 1) 14%, rgba(34, 74, 204, 1) 50%, rgba(3, 33, 132, 1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#181834", endColorstr="#181834", GradientType=1);
}
.white-topul {
top: 0;
}
home-cover {
display: block;
background-size: cover;
background-position: center;
border-radius: 0px;
box-shadow: 0px 0px 0px #888888;
margin-top: -160px;
font-weight: 500;
}
@media screen and (min-width:600px) {
.home-cover {
margin-top: -100px;
}
}
.home-cover img {
width: 100%;
}
.home-cover .mycovertext2 {
top: -182px;
width: 96%;
max-height: 100%;
float: left;
margin: auto 2%;
position: relative;
padding: 1em;
font-weight: 500;
border-radius: 2px;
font-size: 1em;
z-index: 600;
}
.home-cover .mycovertext h1 {
font-style: normal;
font-weight: 700;
font-size: 4em;
text-align: left;
color: #020518;
}
.home-cover .mycovertext h2 {
font-size: 3.1em;
padding-top: 0em;
text-align: left;
}
.home-cover .mycovertext h3 {
font-size: 1.8em;
color: #edcf06;
font-size: 2.1em;
}
.home-cover .mycovertext img {
margin: 0;
}
.home-cover .mycovertext p {
color: #edcf06; text-align: left;
}
@media screen and (max-width:450px) {
.home-cover .mycovertext {
top: -182px;
width: 99%;
margin: auto 2%;
line-height: 1.12;
font-weight: 500;
}
.home-cover .mycovertext h1 {
font-size: 1.6em;
padding-bottom: 0em;
}
.home-cover .mycovertext p {
line-height: 1.5;
margin-top: 1em;
}
.home-cover .mycovertext h2 {
font-size: 2.4em;
padding-top: 0;
line-height: 1;
color: rgba(11, 27, 58, .88);;
font-weight: 500
}
.home-cover .mycovertext h3 {
font-size: 1.4em;
padding-bottom: 0em;
margin-top: -1.5;
}
.home-cover .mycovertext img {
width: 30%;
margin: .5em .5em;
}
}
.home-cover .mycovertext {
width: 95%;
font-size: 96%;
margin-left: 5%;
margin-top: 5%;
padding: auto 0;
}
@media screen and (min-width:451px) {
.home-cover .mycovertext {/*/*/width: 99%;
line-height: 1.12;
font-size: 96%;
font-weight: 500;
}
.home-cover .mycovertext h1 {
font-size: 1.6em;
padding-bottom: 0em;
}
.home-cover .mycovertext p {
line-height: 1.05;
margin-top: 1em;
}
.home-cover .mycovertext h2 {
font-size: 2.4em;
padding-top: 0;
line-height: 1;
color: rgba(11, 27, 58, .88);;
font-weight: 500
}
.home-cover .mycovertext h3 {
font-size: 1.4em;
padding-bottom: 0em;
margin-top: -1.5;
}
.home-cover .mycovertext img {
width: 30%;
margin: .5em .5em;
}
}
@media (max-width: 450px){
.home-cover{
padding-top: 80px;
padding-bottom: 60px;
}
}
@media screen and (min-width:600px) {
.home-cover .mycovertext {
margin: -326px 10% 3% 10%;
}
.home-cover .mycovertext h2 {
font-size: 2.24em;
}
.home-cover .mycovertext p {
line-height: .9;
margin-top: 1em;
padding: 0;
}
}
@media screen and (min-width:750px) {
.home-cover .mycovertext {
margin: -366px 10% 3% 10%;
}
.home-cover .mycovertext h1 {
margin-top: -50px;
float: left;
position: relative;
font-size: 2.6em;
}
.home-cover .mycovertext h2 {
font-size: 2.24em;
}
.home-cover .mycovertext p {
line-height: 1.1;
margin-top: 9px;
padding: 0;
float: left;
position: relative;
}
}
@media screen and (min-width:800px) {
.home-cover .mycovertext {
top: -80px;
margin: 0;
font-weight: 500;
position: absolute;
border-radius: 2px;
}
.home-cover .mycovertext h1 {
font-size: 3.71em;
padding: 1%;
margin-top: 0.2em;
width: 98%;
margin: 0;
line-height: 1.1;
}
.home-cover .mycovertext h2 {
font-size: 2.3em;
padding-top: 0em;
margin: -0.42em 0.1em 0.1em 1em;
color: rgba(11, 27, 58, .88);;
font-style: normal;
font-weight: 400;
}
.home-cover .mycovertext h3 {
font-size: 1.4em;
}
.home-cover .mycovertext p {
line-height: 1.5;
font-size: 90%;
width: 90%;
margin: -0.3em 2.5em;
}
.home-cover .mycovertext img {}
}
@media screen and (min-width:900px) {
.home-cover .mycovertext {
line-height: 1.5;
}
.home-cover .mycovertext p {
line-height: 1.5;
font-size: 90%;
}
}
@media screen and (min-width:1000px) {
.home-cover .mycovertext {
margin-top: 80px;
}
.home-cover .mycovertext p {
line-height: 2;
font-size: 100%;
}
}
@media screen and (min-width:1280px) {
.home-cover .mycovertext {
width: 95%;
font-size: 75%;
margin-left: 5%;
padding: auto 0;
}
.home-cover .mycovertext h1 {
font-size: 4.71em;
}
.home-cover .mycovertext h2 {
font-size: 4.3em;
margin: auto 0.6em;
width: 80%;
}
.home-cover .mycovertext p {
line-height: 2.1;
font-size: 1.5742rem;
font-weight: normal;
margin: auto 3%;
text-shadow: -1px 0px 0px rgba(0, 0, 255, 0.091112);
}
}
@media screen and (min-width:1400px) {
.home-cover .mycovertext {
width: 95%;
font-size: 80%;
}
}
@media screen and (min-width:1400px) {
.home-cover .mycovertext {
width: 95%;
font-size: 100%;
margin-top: 20%;
padding: auto 0;
}
.home-cover .mycovertext h1 {
padding-bottom: 0em;
margin-top: -1.9em;
}
.home-cover .mycovertext h2 {
font-size: 2.2em;
text-align: left;
margin: auto 5%;
padding-top: 0em;
line-height: 1.1;
}
.home-cover .mycovertext h3 {
font-size: 1.8em;
padding-bottom: .3em;
margin-top: 0em;
}
.home-cover .mycovertext img, .home-cover .mycovertext p {
line-height: 1.6;
}
}
@media screen and (min-width:1600px) {
.home-cover .mycovertext {
font-size: 110%;
}
}
@media screen and (min-width:1800px) {
.home .four {
margin-bottom: 2em;
margin-top: -3%;
}
}
.hg_blue_right {
background: rgb(3, 33, 132);
background: -moz-linear-gradient(90deg, rgba(3, 33, 132, 1) 14%, rgba(34, 74, 204, 1) 50%, rgba(3, 33, 132, 1) 85%);
background: -webkit-linear-gradient(90deg, rgba(3, 33, 132, 1) 14%, rgba(34, 74, 204, 1) 50%, rgba(3, 33, 132, 1) 85%);
background: linear-gradient(90deg, rgba(3, 33, 132, 1) 14%, rgba(34, 74, 204, 1) 50%, rgba(3, 33, 132, 1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184", endColorstr="#032184", GradientType=1);
color: #fff;
padding: 3em;
margin: 0;
float: left;
height: auto;
width: 100%;
margin-bottom: 0em;
clear: both;
}
.hg_blue_left {
background: rgb(3, 33, 132);
background: -moz-linear-gradient(90deg, rgba(3, 33, 132, 1) 14%, rgba(34, 74, 204, 1) 50%, rgba(3, 33, 132, 1) 85%);
background: -webkit-linear-gradient(90deg, rgba(3, 33, 132, 1) 14%, rgba(34, 74, 204, 1) 50%, rgba(3, 33, 132, 1) 85%);
background: linear-gradient(90deg, rgba(3, 33, 132, 1) 14%, rgba(34, 74, 204, 1) 50%, rgba(3, 33, 132, 1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184", endColorstr="#032184", GradientType=1);
color: #fff;
padding: 1em;
clear: both;
}
.inhalt_left {
width: 100%;
height: auto;
margin-bottom: 2em;
padding: 1em;
margin: 0 1em;
}
.inhalt_right {
width: 100%;
height: auto;
margin: 0;
margin-bottom: 2em;
padding: 1em;
margin: 0 1em;
}
.inhalt_right p h1, .inhalt_left p h1 {
color: #181834;
}
.hg_blue_right p, .hg_blue_left p {
color: #fff;
}
.hg_blue_right h1, .hg_blue_left h1 {
color: #f4660a;
}
@media screen and (min-width:768px) {
.inhalt_right {
float: right;
width: 45%;
height: auto;
margin: 0;
margin-bottom: 2em;
padding: 1em;
}
.inhalt_left {
float: left;
width: 45%;
}
.inhalt_right article, .inhalt_right p {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
.inhalt_left article, .inhalt_left p {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
.inhalt_right .box_2 article {
width: 45%;
margin-right: 0em;
margin-top: 1em;
}
.inhalt_left .blue_left .box_2 {
width: 45%;
margin-left: 1em;
float: left;
clear: both;
}
}
.inhalt_three, .inhalt_three_orange {
float: left;
width: 100%;
height: auto;
margin-bottom: 2em;
margin-top: 0;
padding: .5em;
margin: 1em 1em;
min-height: 340px;
}
.inhalt_three {
background: rgba(238, 239, 246, 0.9);
}
.inhalt_three_orange {
background: rgba(245, 145, 45, 1);
margin-bottom: 6em;
padding-top: 1em;
color: #fff;
}
.inhalt_three_orange a {
color: aliceblue;
}
article.inhalt_three, article.inhalt_three_orange {
display: block;
width: 99%;
}
.inhalt_three a {
color: rgb(3, 45, 100);
width: 100%;
text-align: center;
clear: both;
}
.inhalt_three p, .inhalt_three_orange p {
clear: both;
color: rgba(11, 27, 58, .88);
width: 100%;
font-size: 1em;
}
.inhalt_three h1, .inhalt_three_orange h1 {
clear: both;
width: 100%;
}
@media screen and (min-width: 768px) {
.inhalt_three, .inhalt_three_orange {
width: 40%;
height: auto;
min-height: 340px;
}
.inhalt_three p, .inhalt_three_orange p {
width: 100%;
margin: auto 0;
padding: 1em;
clear: both;
}
}
@media screen and (min-width: 900px) {
.inhalt_three, .inhalt_three_orange {
width: 27%;
height: auto;
min-height: 450px;
margin-right: 5%;
margin: 1em;
padding: 1em 0;
}
.inhalt_three p, .inhalt_three_orange p {
width: 100%;
margin: auto 0;
padding: 1em;
clear: both;
}
.section-skew-blue-over {
padding: 6% 3% 10% 3%;
font-size: 110%;
}
}
@media screen and (min-width: 1100px) {
.inhalt_three, .inhalt_three_orange {
width: 27%;
height: auto;
min-height: 450px;
margin-right: 5%;
margin: 2em;
padding: 1em 0;
}
.inhalt_three p, .inhalt_three_orange p {
width: 100%;
margin: auto 0;
padding: 1em;
clear: both;
}
.section-skew-blue-over {
padding: 4em 1.0em;
}
}
@media screen and (min-width:1400px) {
.inhalt_three, .inhalt_three_orange {
width: 25%;
height: auto;
min-height: 450px;
left: 5%;
margin-right: 5%;
margin: 3.5em;
padding: 1em 0;
}
}
.page-id-974 .box-am .am h1 {
float: left;
position: relative;
min-width: 1100px;
padding-top: 2em;
padding-bottom: -4em;
margin-bottom: 0em;
margin-left: -400px;
text-align: center;
top: -8em;
color: #fff;
z-index: 1000;
}
.tab_1 {
margin: auto 0;
width: 25%;
float: left;
text-align: left;
}
.tab_2 {
margin: auto 0;
width: 30%;
float: left;
text-align: left;
}
.transparent-hg {
background: rgba(255, 255, 255, 0.8);
float: left;
height: auto;
width: 100%;
margin: 0;
margin-top: 3em;
margin-bottom: 3em;
clear: both;
}
.transparent-hg article {
padding: 1em;
height: auto;
min-width: 40%;
}
.transparent-hg p {
text-align: center;
clear: both;
}
.transparent-blue-hg {
background: rgba(3, 33, 132, 0.8);
float: left;
height: auto;
width: 100%;
color: #fff;
padding: 3em;
margin: 0;
margin-top: 3em;
margin-bottom: 3em;
clear: both;
}
.transparent-blue-hg p {
text-align: center;
color: #fff;
font-style: fine;
clear: both;
}
.transparent-blue-hg article {
max-width: 1100px;
margin: 0 auto;
padding: 1em;
height: auto;
min-width: 40%;
}
.transparent-orange-hg {
background: rgba(243, 145, 45, 0.9);
float: left;
height: auto;
width: 100%;
padding: 3em;
margin: 0;
margin-top: 3em;
margin-bottom: 3em;
color: #1d2036;
clear: both;
}
.transparent-orange-hg h2 {
color: rgba(11, 27, 58, .88);
}
.transparent-orange-hg a {
color: #fff;
}
.transparent-orange-hg p {
text-align: center;
clear: both;
}
.transparent-orange-hg article {
max-width: 1100px;
margin: 0 auto;
padding: 1em;
height: auto;
min-width: 40%;
}
.start {
float: left;
height: auto;
position: relative;
width: 80%;
margin: auto 10%;
font-size: 1.25em;
padding: 0 1em .2em 1em;
text-align: justify;
clear: both;
}
.start article {
float: left;
height: auto;
position: relative;
width: 99%;
margin: auto 0;
font-size: 1.25em;
padding: 0 2em .2em 2em;
clear: both;
}
.start p {
float: left;
height: auto;
position: relative;
background: rgba(0, 0, 0, 0);
width: 100%;
text-align: left;
clear: both;
}
.start b {
float: left;
height: auto;
position: relative;
background: rgba(0, 0, 0, 0);
width: 100%;
font-size: 95%;
padding: 0 2em .2em 2em;
margin: 0;
text-align: left;
clear: both;
}
.start h1, .start h12, .start h2, .start h3 {
text-align: left;
padding: 2em 1em .2em 1em;
}
.start-h h1 {
width: 80%;
margin-bottom: 1em;
text-align: left;
}
p.start {
width: 80%;
font-size: 1.25em;
float: left;
margin: auto 10%;
}
.start h1, .start h12, .start h2, .start h3 {
text-align: left;
padding: 2em 1em .2em 1em;
}
.white {
float: left;
height: auto;
position: relative;
background: rgba(0, 0, 0, 0);
width: 100%;
padding: 2em;
margin: 0;
text-align: center;
clear: both;
}
.white p {
line-height: 2.1;
}
.white h2 {
font-size: 2.2em;
text-align: center;
margin: 0.67em 0;
font-weight: 300;
font-style: normal;
color: #8e140b;
line-height: 72px;
letter-spacing: 0.3px;
hyphens: auto;
}
.white .pic-font img {
margin: auto 10%;
}
@media screen and (min-width:800px) {
.white {
min-height: 300px;
}
}
@media screen and (min-width:1400px) {
.white {
margin-top: 4em;
}
.transparent-hg p, .transparent-blue-hg p, .transparent-orange-hg p {}
}
.white-left {
background: rgb(0, 0, 0, 0);
width: 100%;
padding: 3em;
margin: 0;
float: left;
height: auto;
line-height: 1.325;
clear: both;
}
.white-left p, .white-left h2, .white-left h3 {
margin: auto 5%;
width: 99%;
text-align: left;
}
@media screen and (min-width:800px) {
.white {
min-height: 300px;
margin-top: 4em;
}
}
@media screen and (min-width:800px) {
a img.alignright {
float: right;
margin: .5em 0 -1em 1.15em;
}
}
.pagination {
clear: both;
width: 100%;
padding: 1em;
background: rgba(0, 0, 0, 0.8);
color: #eee;
float: left;
}
.site-sidebar {
padding: 0;
}
2.widget {
width: 100%;
margin-left: -2em;
}
.circle {
font: 300 100%/1.5 Ubuntu;
width: 25%;
height: 0;
background: #fdc82f;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 4px solid #f7eccd;
border-style: double;
padding: 1% 1%;
text-align: center;
font-family: 'Roboto';
font-weight: 300;
font-style: normal;
}
.circle2 {
font: 300 100%/1.5 Ubuntu;
width: 96%;
float: left;
position: relative;
margin-bottom: 1%;
background: #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: -3% 0 6% 1%;
}
.white {
float: left;
height: auto;
position: relative;
background: rgba(0, 0, 0, 0);
width: 96%;
padding: 2%;
margin: 0;
text-align: center;
clear: both;
}
.white p {
line-height: 2.1;
}
.white h2 {
font-size: 2.2em;
text-align: center;
margin: 0.67em 0;
font-weight: 300;
font-style: normal;
color: #8e140b;
line-height: 72px;
letter-spacing: 0.3px;
hyphens: auto;
}
.white .pic-font img {
margin: auto 10%;
}
@media screen and (min-width:800px) {
.white {
min-height: 300px;
}
}
@media screen and (min-width:1400px) {
.white {
margin-top: 4em;
}
.transparent-hg p, .transparent-blue-hg p, .transparent-orange-hg p {}
}
aside {
background: silver;
padding: 1em;
}
.site-sidebar {
padding: 0;
}
.sp-row {
display: inline;
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.container-slick {
float: left;
margin-bottom: 1%;
margin-top: 1%;
right: 0;
left: 0;
}
.zoom, .zoom2 {
overflow: hidden;
}
.zoom img {
height: ;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
transition: all 0.7s linear;
}
.zoom2 img {
height: ;
-webkit-transform: scale(.95);
-moz-transform: scale(.95);
-ms-transform: scale(.95);
-o-transform: scale(.95);
transform: scale(.95);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
transition: all 0.7s linear;
}
.zoom img:hover {
height: auto;
-webkit-transform: scale(1.7);
-moz-transform: scale(1.7);
-ms-transform: scale(1.7);
-o-transform: scale(1.7);
transform: scale(1.7);
}
.zoom2 img:hover {
height: auto;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.zoom, .zoom2 {
left: 0;
right: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom;
padding: 0;
}
.zoom2 {
text-align: center;
}
.sepia img {
transition: transform 2s, filter 1.8s;
transform-origin: center center;
filter: sepia(0%);
}
.sepia:hover img {
filter: sepia(220%);
}
.saturate img {
transition: transform 1.1s, filter 0.5s;
transform-origin: center center;
filter: saturate(100%);
}
.saturate:hover img {
filter: saturate(30%);
}
.invert img {
transition: transform 1.2s, filter 1.1s cubic-bezier(0.4, 0, 1, 1);
filter: sepia(0);
}
.invert:hover img {
filter: sepia(220%);
}
.contrast img {
transition: transform 2s, filter 1.8s;
transform-origin: center center;
filter: contrast(90%);
}
.contrast:hover img {
filter: contrast(180%);
}
.brightness img {
transition: transform 2s, filter 1.8s;
transform-origin: center center;
filter: brightness(110%);
}
.brightness:hover img {
filter: brightness(180%);
}
.img-hover-zoom {
height: 300px;
overflow: hidden;
}
.img-hover-zoom:hover img {
transform: scale(1.3);
}
.img-hover-zoom--basic img {
transition: transform 2s, filter 1.8s ease-in-out;
transform-origin: center center;
}
.img-hover-zoom--basic:hover img {
transform: scale(1.3);
}
.img-hover-zoom--Farbton-Drehung img {
transition: transform 2s, filter 1.25s ease-in-out;
transform-origin: center center;
filter: Farbton-Drehung (0 Grad);
}
.img-hover-zoom--Farbton-Drehung :hover img {
filter: Farbton-Drehung (110 Grad);
transform: scale(1.6);
}
.container-slick figure {
display: block;
float: left;
height: auto;
left: 0;
right: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
margin-block-start: .3em;
margin-block-end: .3em;
margin-inline-start: .3em;
margin-inline-end: .3em;
}
.container-slick figure {
display: inline-block;
padding: 0;
background: white;
overflow: hidden;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.container-slick figure img {
float: left;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
width: auto;
max-width: auto;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.btn-back {
display: inline;
float: left;
position: relative;
height: 6.25rem;
background: rgba(217, 247, 218, .4);
border: 0px solid gold;
width: 100%;
cursor: pointer;
padding: 2em;
text-align: center;
font-size: 80%;
}
.btn-back a {
top: 20%;
padding: 0 .3em;
color: rgba(11, 27, 58, .88);
}
.btn-back a:hover {
color: gold;
}
.bg-yellow {
background-color: #f5c604;
}
.bg-dblue {
background-color: rgba(11, 27, 58, .88);
}
.btn-middle {
font-size: 1.9em;
display: block;
width: 98%;
padding: 0.8em 1%;
cursor: pointer;
line-height: 1.1;
vertical-align: middle;
color: #fff;
border: 1px solid gold;
text-align: center;
}
.btn-middle-parallax {
font-size: 1.7em;
display: block;
padding: 0.8em 1%;
width: 98%;
cursor: pointer;
line-height: 1.1;
vertical-align: middle;
color: #fff;
border: 1px solid gold;
text-align: center;
}
@media screen and (min-width: 800px) {
.btn-middle {
width: 40%;
margin: 3% 30%;
padding: 0.8em .3em;
}
.btn-middle-parallax {
font-size: 1.9em;
}
}
@media screen and (min-width: 1200px) {
.btn-middle-parallax {
width: 50%;
padding: 0.8em 1%;
margin: 1% 25%;
}
}
.btn-left {
font-size: 1.9em;
display: block;
margin: 3% 0;
padding: 0.3em 0.5em;
cursor: pointer;
line-height: 1.1;
vertical-align: middle;
color: #fff;
border: 1px solid gold;
text-align: left;
}
@media screen and (min-width:800px) {
.btn-middle, .btn-left {
font-size: 1.4em;
}
}
.btn-middle:hover, .btn-middle-parallax:hover, .btn-left:hover {
background-color: #f5c604;
color: #fff;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.btn-middle a, .btn-middle-parallax a, .btn-left a {
background: rgba(217, 247, 218, );
display: inline;
font-size: 90%;
text-decoration: none;
color: #fff;
}
.btn-middle-parallax a {
background: rgba(217, 247, 218, );
display: inline;
font-size: 80%;
text-decoration: none;
color: #fff;
}
.btn-middle a:hover, .btn-middle-parallax a:hover, .btn-left:hover {
color: rgba(11, 27, 58, .88);
-webkit-transform: scale(.4);
-moz-transform: scale(.4);
transform: scale(.8);
-webkit-transition: all ease 1.5s;
-moz-transition: all ease 1.5s;
transition: all ease 1.5s;
}
.btn-small {
display: block;
width: 40%;
margin: 0 30%;
padding: 0.1em .3em;
cursor: pointer;
border: 0px solid #181834;
text-align: center;
float: left;
}
.btn-small a {
background: rgba(255, 255, 255, .);
display: inline;
font-size: 90%;
text-decoration: none;
}
.btn-small a:hover {
color: gold;
}
.cms-widget__load-more {
text-align: center;
position: absolute;
width: 100%;
left: 0;
height: 6.25rem;
bottom: 0;
background-color: #f7f7f7;
}
.cms-widget__load-button {
border: 0;
font-size: 1rem;
width: 150px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
z-index: 2;
background-color: #f7f7f7;
padding: 0;
margin: 0 .75rem;
}
.link--cta-dark {
text-transform: uppercase;
color: #121212;
border-bottom: 1px solid #4d4d4d;
}
.btn-middle.box-pic {
background: #141914;
width: 34%;
margin: auto 34%;
padding: .2em;
cursor: pointer;
}
.btn-middle.box-pic a {
color: #fff;
display: inline;
font-size: 1.0em;
text-decoration: none;
}
.btn-middle.box-pic a:hover {
color: gold;
}
.btn-middle.box-pic:hover {
border: 1px solid gold;
}
@media screen and (min-width:800px) {
.btn-middle.box-pic a {
font-weight: 300;
}
}
.btn-middle.box-pic {
float: left;
border-radius: 0px 0px 0px 0px;
text-align: center;
cursor: pointer;
border: 1px solid #ffffff;
margin-bottom: 3%;
}
.kontur {
border: 1px solid #333;
margin: 3%;
}
.kontur-fff {
clear: both;
border: 1px solid #fff;
margin: 0;
padding: 0;
width: auto;
}
.btn-kontur {
display: inline;
border: 1px solid green;
width: auto;
float: left;
height: auto;
margin-left: 5%;
padding-bottom: 0;
text-align: center;
margin-bottom: 3%;
color: #f5f9f5;
cursor: pointer;
}
.kontur-1 {
border: 1px solid #333;
width: 90%;
margin-left: 5%;
padding-bottom: 0;
}
.btn-kontur a {
border: 1px solid red;
color: #292c29;
display: inline;
font-size: .9em;
text-decoration: none;
}
.btn-kontur a:hover {
color: gold;
}
.btn-kontur:hover {
border: 1px solid gold;
}
@media screen and (min-width:800px) {
.btn-kontur a {
font-weight: 200;
}
}
.btn-kontur-s {
color: #292c29;
text-align: center;
font-size: .9em;
padding: 3%;
margin-top: -9%;
}
.btn-kontur-s a {
color: #fff;
border: 1px solid #fff;
}
.card .kontur {
margin-top: 0;
}
.spacer10 {
width: 100%;
height: 10px;
float: left;
}
.spacer25 {
width: 100%;
height: 25px;
float: left;
}
.spacer50 {
width: 100%;
height: 50px;
float: left;
}
.spacer75 {
width: 100%;
height: 75px;
float: left;
}
.spacer100 {
float: left;
width: 100%;
height: 30px;
}
.spacer150 {
width: 100%;
height: 150px;
float: left;
}
.btn-bf {
clear: both;
bottom: 4%;
}
.abstand {
clear: both;
margin-bottom: 4%;
}
.abstand-mycovertext {
clear: both;
margin-bottom: 7%;
}
.abstand-kont {
clear: both;
bottom: 2%;
}
.abstand-top {
clear: both;
margin-top: 4%;
}
.abstand-top-inner {
clear: both;
padding-top: 4%;
}
.abstand-bot-inner {
clear: both;
padding-bottom: 4%;
}
.abstand-top-big {
clear: both;
margin-top: 8%;
}
.abstand-color {
clear: both;
width: 100%;
height: 20px;
margin-top: 0;
background: #fff;
}
@media screen and (min-width:768px) {
.spacer100 {
height: 100px;
}
}
figure:hover {}
figure img {
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
transform: scale(.9);
-webkit-transition: all ease 1.5s;
-moz-transition: all ease 1.5s;
transition: all ease 1.5s;
}
figure:hover img {
-webkit-transform: scale(.98);
-moz-transform: scale(.98);
transform: scale(.98);
-webkit-transition: all ease 1.3s;
-moz-transition: all ease 1.3s;
transition: all ease 1.3s;
opacity: 1;
filter: alpha(opacity=100);
}
.card figure img {
display: block;
margin-left: 0;
margin-right: 0;
padding-right: 0;
width: auto;
max-width: auto;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.card p figure {
margin: 0;
width: 100%;
float: left;
display: block;
text-align: left;
}
figcaption {
display: block;
text-align: center;
}
@media screen and (min-width:768px) {
figcaption {
2margin: .1em 1.5em;
font-size: 2.0em;
display: block;
text-align: center;
}
}
.page-id-184 .box-yellow h1 {
font-size: 1.9em;
}
@media screen and (min-width: 768px) {
.page-id-184 .box-yellow h1 {
font-size: 3.1em;
width: 90%;
}
}
.kontakt {
width: 90%;
margin: 0 5%;
font-size: 1.5em;
font-weight: 300;
float: left;
position: relative;
text-align: left;
}
.datenschutz {
background: rgb(0, 0, 0, 0);
width: 98%;
margin: auto 1%;
float: left;
line-height: 1.325;
font-size: 80%;
clear: both;
}
.datenschutz p {
text-align: justify;
line-height: 1.525;
width: 90%;
margin: auto 5%;
font-size: 100%;
}
.datenschutz h2, .datenschutz h3, .datenschutz h4 {
text-align: left;
float: left;
width: 90%;
margin: auto 5%;
padding-bottom: .3em;
}
.datenschutz ul {
width: 85%;
margin: auto 5%;
padding: 1em 2em;
}
.datenschutz h1 {
color: #edcf06;
margin: auto;
line-height: 1.2;
font-size: 2.0em;
text-align: center;
word-wrap: break-word;
}
@media screen and (min-width:580px) {
.datenschutz h1 {
font-size: 4.4em;
text-align: left;
}
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
display: block;
}
.carousel-inner {
min-height: 300px;
border: 1px solid #fff;
border-radius: 30px;
background-color: #bbbbbb;
}
@media screen and (min-width:600px) {
.site-sidebar {
float: right;
}
}
@media screen and (min-width:800px) {
.site-sidebar {
margin-top: 5em;
}
}
#footer-top {
background: #cdf0f3;
}
#footer-top p {
width: 100%;
}
.footer .widget, .footer-top .widget, .footer-top {
width: 100%;
margin-left: 0;
float: left;
}
.site-footer .btn-middle a {
color: #fff;
}
.site-footer .parallax6 h2 {
color: #fff;
font-size: 1.4em;
}
div#footer-widgets-wrap p {
color: #fff;
line-height: 1.4;
font-size: .9em;
}
footer.site-footer a, footer.site-footer h3, footer.site-footer H2 {
color: #f5c604;
margin-left: 0;
}
.footer-top {
background: #fff;
}
@media screen and (min-width:900px) {
.site-footer .parallax6 h2 {
font-size: 2.13em;
}
}
@media screen and (min-width:1200px) {
.site-footer .parallax6 h2 {
margin-top: 20%;
margin-left: 1em;
}
}
.site-footer #footer-top {
margin: 5% 10%;
color: #fff;
font-size: 2.1em;
font-weight: 400;
line-height: 1.3;
}
.site-footer {
display: grid;
clear: both;
background: #020518;
color: #e2e6e6;
line-height: 1.3;
}
.textwidget p, .textwidget {
padding: 3% 0;
margin: auto 1%;
}
.textwidget p {
font-size: 90%;
}
.site-footer h2, .widgettitle h2 {
font-size: 100%;
text-align: left;
font-size: 1.3em;
}
.site-footer h3, .widgettitle h3 {
font-size: 100%;
text-align: left;
font-size: .9em;
}
.site-footer a {
color: #edcf06;
}
.footer-widgets {
margin-right: 0;
background: #292c29;
}
.footer-widget-column {
float: left;
width: 100%;
padding-left: 0;
box-sizing: border-box;
}
.footer-widget-column:nth-child(1):nth-last-child(1) {
float: none;
width: 100%;
}
.footer-widget-column:nth-child(1):nth-last-child(2), .footer-widget-column:nth-child(2):nth-last-child(1) {
width: 100%;
}
.footer-1, .footer-2, .footer-3, .footer-4, .widget-area {
float: left;
text-align: left;
padding-left: 2em;
padding-bottom: 1em;
margin: auto 0;
}
.textwidget p {
color: #e2e6e6;
line-height: 1.9;
}
.cookie {
line-height: 1.3;
font-size: .9em;
}
#footer-cookie, .footer-cookie {
clear: both;
float: left;
position: absolute;
background-color: #121627;
font-size: 90%;
right: 0;
left: 0;
width: 99%;
margin-right: -1%;
border-top: 1px solid #fff;
padding: 2% 1% 4% 0;
color: #fff;
margin-bottom: 10%;
z-index: 2000;
}
.site-footer .footer-cookie p {
color: #181834;
margin-left: 2em;
margin-right: 1em;
font-size: 90%;
width: auto;
float: left;
}
.footer-cookie a {
font-size: 90%;
color: #fff;
padding: auto 5px;
}
.footer-cookie a:hover {
color: #ddd;
}
.footer-copyright {
clear: both;
float: left;
position: relative;
background-color: #02030a;
font-size: 90%;
right: 0;
left: 0;
width: 99%;
margin-right: -1%;
border-top: 1px solid #fff;
padding: 2% 1% 4% 0;
color: #fff;
margin: 0;
}
.site-footer .footer-copyright p {
color: #181834;
margin-left: 2em;
margin-right: 1em;
font-size: 90%;
width: auto;
float: left;
}
.footer-copyright a {
font-size: 90%;
color: #fff;
padding: auto 5px;
}
.footer-copyright a:hover {
color: #ddd;
}
@media screen and (min-width:768px) {
.site-footer p {
margin-left: 0;
font-size: 1em;
color: #e2e6e6;
}
.textwidget p, .textwidget {
padding: 2% 0;
margin: auto 0 auto 0;
}
.textwidget.footer-copyright, .textwidget.footer-copyright p {
padding: -2% 0;
margin: 0;
}
.widgettitle h2 {
font-size: 100%;
text-align: left;
font-size: 1.2em;
}
.footer-1, .footer-2, .footer-3, .footer-4, .widget-area {
font-weight: 300;
float: left;
text-align: left;
padding-left: 2%;
padding-bottom: 1em;
width: 22%;
padding-top: 3%;
}
.footer-copyright p {
margin-left: 2em;
text-align: left;
width: 100%;
padding-left: 0em;
left: 0;
}
}
.footer-full {
width: 90%;
float: left;
position: relative;
}
.yellow {
background-color: #edcf06;
}
.red {
background-color: #af2112;
width: auto;
float: left;
position: relative;
}
.white {
background-color: #fff;
width: 80%;
padding: 2% 10%;
float: left;
position: relative;
color: #181834;
margin: 0;
}
.white h4 {
font-size: 2.3em;
}
.contrast {
-webkit-filter: contrast(1);
filter: contrast(1);
}
div.wpforms-container-full {
width: 80%;
margin: 0 10% 5% 10%;
}
div.wpforms-container-full .wpforms-title {
font-size: 1.4em !important;
color: #fff;
padding-top: 10%;
}
@media screen and (min-width:1180px) {
div.wpforms-container-full .wpforms-title {
font-size: 2.5em !important;
}
}
div.wpforms-container-full.wpforms-form input[type=text] {
color: red;
}
label.wpforms-field-label-inline {
color: #fff;
}
.button#wpforms-submit-1032 {}
div.wpforms-container-full .wpforms-form button[type=submit] {
font-size: 1.2em;
display: block;
margin: 3% 0;
padding: 0.3em 1em;
cursor: pointer;
line-height: 1.1;
vertical-align: middle;
color: #181834;
border: 1px solid gold;
text-align: center;
}
.wpforms-confirmation-container-full p:last-of-type {
color: #181834;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
background-color: #f5c604;
color: #fff;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
div.wpforms-container-full .wpforms-form button[type=submit] a {
background: rgba(217, 247, 218, );
display: inline;
font-size: 90%;
text-decoration: none;
color: #fff;
}
div.wpforms-container-full .wpforms-form button[type=submit] a:hover {
color: #020518;
-webkit-transform: scale(.4);
-moz-transform: scale(.4);
transform: scale(.8);
-webkit-transition: all ease 1.5s;
-moz-transition: all ease 1.5s;
transition: all ease 1.5s;
}
.wpforms-confirmation-container-full {
background-color: #f5c604;
color: #020518;
}
.wpforms-confirmation-container-full {
background-color: #f5c604;
color: #020518;
margin: 15% 30% 5% -50%;
padding: 1em;
}
@media screen and (min-width: 768px) {
.wpforms-confirmation-container-full {
background-color: #f5c604;
color: #020518;
margin: 15% 30% 5% -50%;
padding: 1em;
}
}
.contrast:hover {
-webkit-filter: contrast(2);
filter: contrast(2);
}
.hue-rotate {
-webkit-filter: hue-rotate(45deg);
filter: hue-rotate(45deg);
}
.invert {
-webkit-filter: invert(1);
filter: invert(1);
}
.brightness-contrast {
-webkit-filter: brightness(1.1) contrast(1.3);
filter: brightness(1.1) contrast(1.3);
}
.sepia-hue-rotate-blur {
-webkit-filter: sepia(.9) hue-rotate(280deg) blur(2px);
filter: sepia(.9) hue-rotate(280deg) blur(2px);
}
section:hover .zwei {
transform: rotate(380deg);
}
.icon-rotate img {
max-width: 120px;
}
.icon-rotate:hover {
transform: scale(1.);
-webkit-transform: scale(1.);
-moz-transform: scale(1.);
-ms-transform: scale(1.);
-o-transform: scale(1.);
transform: scale(1.);
transition: all 1s ease-in-out;
-webkit-filter: sepia(.8)blur(1px) hue-rotate(280deg);
filter: sepia(.8)blur(1px) hue-rotate(280deg);
;
}
.icon-rotate:hover {
transform: rotateY(360deg) scale(1, 1);
}
.icon-scale2 {
transform: scale(1.0);
transition: all 2s ease-in-out;
}
.icon-scale2 a {
transform: scale(.7);
line-height: 1.0;
transition: all 1.s ease-in-out;
}
.icon-scale2:hover {
transform: scale(1.1);
transition: all 2s ease-in-out;
-webkit-filter: invert(4);
filter: invert(4);
}
.icon-scale {
transform: scale(1.0);
transition: all 1.5s ease-in-out;
}
.icon-scale a {
transform: scale(.7);
line-height: 1.0;
transition: all 2s ease-in-out;
}
.icon-scale:hover {
transform: scale(1.3);
transition: all 2s ease-in-out;
}
.icon-rotate:hover {
animation: rotating 1s linear infinite;
}
.scroll-win {
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.scroll-win:nth-child(1) {
color: #e0ffff;
}
.scroll-win:nth-child(2) {
color: #42455a;
}
.scroll-win:nth-child(3) {
color: #e0ffff;
}
.scroll-win:nth-child(4) {
color: #42455a;
background: #e0ffff;
}
.scroll-win .scroll-box {
margin: 100px;
}
.reveal1 {
position: relative;
transform: translateX(-1150px) scale(.2);
opacity: 0;
transition: 2s all ease;
margin-bottom: 5%;
}
.reveal1.active {
transform: translateX(1.5);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all ease 1.2s;
-moz-transition: all ease 1.2s;
transition: all ease 1.2s;
opacity: 1;
}
@keyframes .reveal1.active {
0% {
opacity: 0;
}
90% {
opacity: .4;
}
100% {
opacity: 1;
}
}
h2.reveal1.active {}
h2.bg-yellow.reveal1.active {
text-align: center;
}
.reveal1.active h3 {
color: #fff;
text-align: left;
font-size: 1.5em;
padding-bottom: 1em;
}
.reveal1 .aktive p, .reveal1 p {
font-size: 1.3em;
}
@media screen and (min-width: 800px) {
h2.bg-yellow.reveal1.active {}
}
.reveal2 {
position: relative;
transform: translateX(850px)scale(.2) rotate(10deg);
opacity: 0;
transition: 4s all ease;
}
.reveal2.active {
transform: translateY(2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all ease 1.0s;
-moz-transition: all ease 1.0s;
transition: all ease 1.0s;
opacity: 1;
}
.reveal2.active h3 {
color: #fff;
text-align: left;
font-size: 1.5em;
padding-bottom: 1em;
}
.reveal2 .aktive p, .reveal2 p {
font-size: 1.3em;
}
.reveal3 {
position: relative;
transform: translateY(-300px) scale(.2) rotate(120deg);
opacity: 0;
transition: 3s all ease;
}
.reveal3 .aktive h3 {
color: #fff;
font-size: 1.4em;
text-align: left;
}
.reveal1 .aktive p {
font-size: 1.3em;
}
.reveal3.active {
transform: translateY(1.9);
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: all ease 1.2s;
-moz-transition: all ease 1.2s;
transition: all ease 1.2s;
opacity: 1;
}
@keyframes .reveal3.active {
0% {
opacity: 0;
transform: rotate(120deg);
}
90% {
opacity: .4;
transform: rotate(180deg);
}
100% {
opacity: 1;
transform: rotate(360deg);
}
}
.btn-footer {
font-size: .9em;
display: block;
margin: 1% 0;
padding: 0.1em 0.3em;
cursor: pointer;
color: #fff;
border: 1px solid gold;
text-align: left;
float: left;
}
.btn-footer:hover {
background-color: #edcf06;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all ease 1.0s;
-moz-transition: all ease 1.0s;
transition: all ease 1.0s;
}
.btn-footer a {
background: rgba(217, 247, 218, );
display: inline;
font-size: 90%;
text-decoration: none;
color: #fff;
}
.btn-footer a:hover {
color: #fff;
-webkit-transform: scale(1.1);
-moz-transform: scale(.8);
transform: scale(.8);
-webkit-transition: all ease 1.5s;
-moz-transition: all ease 1.5s;
transition: all ease 1.5s;
}
.animated-text {
font-family: monospace;
overflow: hidden;
height: 1.1em;
word-wrap: break-word;
white-space: nowrap;
animation: typing 4s steps(48) forwards;
}
@keyframes typing {
from {
width: 0;
}
to {
width: 48ch;
}
}
.back-to-top {
display: none;
font-size: 1.6em;
position: fixed;
float: left;
height: 40px;
width: 30px;
right: 48%;
bottom: 5%;
z-index: 211100;
}
a.cc_more_info {
color: #fff;
}
a.back-to-top {
color: #edcf06;
z-index: 22999;
}
a.back-to-top:hover {
border: solid 0px;
border-radius: 0px;
color: #fff;
z-index: 3500;
}
a.back-to-top span {
display: none;
font-size: .9em;
}
a.back-to-top:hover span {
width: 80px;
height: 130px;
margin-right: 20px;
top: 0;
padding: 10px 20px 40px;
color: red;
display: block;
position: absolute;
text-align: center;
font-size: .8em;
border-radius: 2px 2px 1px 1px;
z-index: 2999;
}
@media screen and (min-width:768px) {
.back-to-top {
display: none;
font-size: 1.6em;
position: fixed;
float: left;
height: 40px;
width: 30px;
right: 48%;
bottom: 5%;
z-index: 211100;
}
a.cc_more_info {
color: #fff;
}
a.back-to-top {
color: #edcf06;
z-index: 2999;
}
a.back-to-top:hover {
border: solid 0px;
border-radius: 0px;
color: #fff;
z-index: 3500;
}
a.back-to-top span {
display: none;
font-size: .9em;
}
a.back-to-top:hover span {
width: 80px;
height: 130px;
margin-right: 20px;
top: 0;
padding: 10px 20px 40px;
color: red;
display: block;
position: absolute;
text-align: center;
font-size: .8em;
border-radius: 2px 2px 1px 1px;
z-index: 2999;
}
}
#cookies a {
color: #481013;
font-size: 1.12em;
text-decoration: none;
}
#cookies a:hover {
text-decoration: underline;
}
#cookies div {
padding: 10px;
padding-right: 40px;
}
#cookies {
outline: 1px solid rgb(153 162 194);
text-align: left;
border-top: 1px solid #fff;
margin: 5% 25%;
background: rgba(241, 180, 20, 1);
background: -moz-linear-gradient(90deg, rgb(241 180 20) 14%, rgb(251 216 124) 50%, rgb(241 180 20) 85%);
background: -webkit-linear-gradient(90deg, rgb(241 180 20) 14%, rgb(251 216 124) 50%, rgb(241 180 20) 85%);
background: linear-gradient(90deg, rgb(241 180 20) 14%, rgb(251 216 124) 50%, rgb(241 180 20) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1b414;", endColorstr="#f4cd78", GradientType=1);
position: fixed;
bottom: 0px;
float: left;
z-index: 10000;
font-size: .8em;
line-height: 1.7em;
}
#cookies span {
color: #fff;
font-size: 1.2em;
}
#cookiesCloser {
font: 0.9em/100% arial, sans-serif;
position: absolute;
right: 5px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
top: 5px;
cursor: pointer;
border-top: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid #7b92a9;
border-right: 1px solid #7b92a9;
padding: 4px;
background: rgba(241, 180, 20, 1);
background: -moz-linear-gradient(90deg, rgb(241 180 20) 14%, rgb(251 216 124) 50%, rgb(241 180 20) 85%);
background: -webkit-linear-gradient(90deg, rgb(241 180 20) 14%, rgb(251 216 124) 50%, rgb(241 180 20) 85%);
background: linear-gradient(90deg, rgb(241 180 20) 14%, rgb(251 216 124) 50%, rgb(241 180 20) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1b414;", endColorstr="#f4cd78", GradientType=1);
}
#cookiesCloser:hover {
border-bottom: 1px solid white;
border-right: 1px solid white;
}
.news.box-full p {
margin: auto;
font-size: 1em;
text-align: center;
}
.home-tx p {
font-size: 1.2em;
text-align: left;
color: #fff;
width: auto;
margin: 0 0 0 0;
}/**/#popup, #popup-mobile {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
background: #333; color: #f0b400; padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
max-width: 90%;
border-radius: 8px;
}
#close, #close-mobile {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
font-size: 20px;
color: #f0b400; }
.hintergrund, .button-popup, .button-popup-mobile {
margin-top: 20px;
}
.button-popup, .button-popup-mobile {
background-color: #007bff; color: white; padding: 10px 15px;
text-decoration: none;
border-radius: 5px;
}
.button-popup:hover, .button-popup-mobile:hover {
background-color: #0056b3; } a {
color: #f0b400; } #logo-footer {
text-align: center; }
#logo-footer img {
max-width: 100px; } .parallax8 h2 { }
@media screen and (max-width:800px) {
.parallax8 h2 {
font-size: 1.012em;
line-height: 1.3;
}
}
h2 .box-yellow.nx-kontakt {
color: #fff;
font-size: 1.1em !important;
font-weight: 400;
line-height: 1.3;
}
.breadcrumb span,
.breadcrumb {
display:inline;
}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:300;font-display:swap;src:url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-300.eot);src:local('Source Sans Pro Light'),local('SourceSansPro-Light'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-300.eot?#iefix) format('embedded-opentype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-300.woff2) format('woff2'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-300.woff) format('woff'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-300.ttf) format('truetype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-300.svg#SourceSansPro) format('svg')}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:300;font-display:swap;src:url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-300italic.eot);src:local('Source Sans Pro Light Italic'),local('SourceSansPro-LightItalic'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-300italic.eot?#iefix) format('embedded-opentype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-300italic.woff2) format('woff2'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-300italic.woff) format('woff'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-300italic.ttf) format('truetype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-300italic.svg#SourceSansPro) format('svg')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;src:url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-regular.eot);src:local('Source Sans Pro Regular'),local('SourceSansPro-Regular'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-regular.eot?#iefix) format('embedded-opentype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-regular.woff2) format('woff2'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-regular.woff) format('woff'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-regular.ttf) format('truetype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro) format('svg')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;font-display:swap;src:url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-700.eot);src:local('Source Sans Pro Bold'),local('SourceSansPro-Bold'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-700.eot?#iefix) format('embedded-opentype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-700.woff2) format('woff2'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-700.woff) format('woff'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-700.ttf) format('truetype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-700.svg#SourceSansPro) format('svg')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:swap;src:url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-600.eot);src:local('Source Sans Pro SemiBold'),local('SourceSansPro-SemiBold'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-600.eot?#iefix) format('embedded-opentype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-600.woff2) format('woff2'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-600.woff) format('woff'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-600.ttf) format('truetype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/source-sans-pro-v13-latin-600.svg#SourceSansPro) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:100;font-display:swap;src:url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-100.eot);src:local('Roboto Thin'),local('Roboto-Thin'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-100.eot?#iefix) format('embedded-opentype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-100.woff2) format('woff2'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-100.woff) format('woff'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-100.ttf) format('truetype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-100.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-300.eot);src:local('Roboto Light'),local('Roboto-Light'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-300.eot?#iefix) format('embedded-opentype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-300.woff2) format('woff2'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-300.woff) format('woff'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-300.ttf) format('truetype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-300.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:italic;font-weight:300;font-display:swap;src:url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-300italic.eot);src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-300italic.eot?#iefix) format('embedded-opentype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-300italic.woff2) format('woff2'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-300italic.woff) format('woff'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-300italic.ttf) format('truetype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-300italic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-italic.eot);src:local('Roboto Italic'),local('Roboto-Italic'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-italic.eot?#iefix) format('embedded-opentype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-italic.woff2) format('woff2'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-italic.woff) format('woff'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-italic.ttf) format('truetype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-italic.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-regular.eot);src:local('Roboto'),local('Roboto-Regular'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-regular.eot?#iefix) format('embedded-opentype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-regular.woff2) format('woff2'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-regular.woff) format('woff'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-regular.ttf) format('truetype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-regular.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-500.eot);src:local('Roboto Medium'),local('Roboto-Medium'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-500.eot?#iefix) format('embedded-opentype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-500.woff2) format('woff2'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-500.woff) format('woff'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-500.ttf) format('truetype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-500.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-700.eot);src:local('Roboto Bold'),local('Roboto-Bold'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-700.eot?#iefix) format('embedded-opentype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-700.woff2) format('woff2'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-700.woff) format('woff'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-700.ttf) format('truetype'),url(//sp-kreativdesign.de/wp-content/themes/luan/fonts/roboto-v20-latin-700.svg#Roboto) format('svg')}.netrax {
--blue: #071830;
--yellow: #f2c400;
--dark: #071830;
--text-dark: rgba(11, 27, 58, .88);
}
:root{
--nx-accent: #f7c600; --nx-blue:   #071830;
} p{
font-weight: 400;
text-wrap: pretty; margin: 0 0 16px;
color:rgba(11, 27, 58, .88);
}
p + p{
margin-top: 10px;
}
hr{
border: 0;
height: 1px;
background: rgba(11,27,58,.08);
margin: 40px 0;
max-width: 70ch;
}
h2{
text-shadow: 0 0 18px rgba(240,180,0,.18);
}
h2{
font-size: clamp(2.0rem, 3.2vw, 3.0rem);
line-height: 1.08;
letter-spacing: -0.02em;
}
h2{
position: relative;
}
h2::after{
content: "";
position: absolute;
left: 0;
bottom: -0.16em;
width: 20%;
min-width: 64px;
max-width: 120px;
height: 0.08em;
background: #f0b400;
border-radius: 2px;
}
.netrax .leistung-text h2::after{
background:#fff;
}
.mycovertext h2.typewriter::after,
.parallax8 h2::after{
display:none;
}
.netrax a{
font-size: inherit!important;
font-style: inherit!important;   
font-family: inherit!important; ;
color: var(--nx-blue);
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
} .netrax-leistungen-head .nx-jumps{
margin-top: 18px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.netrax-leistungen-head .nx-jumps a{
font-size: inherit;
font-weight: 600;
text-decoration: none;
padding: 6px 10px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.45);
background: rgba(0,0,0,.08);
color: #fff;
}
.netrax-leistungen-head .nx-jumps a:hover{
background: rgba(0,0,0,.16);
} .netrax a:hover{
color: var(--nx-accent);
}
.netrax-leistungen-head .box-yellow {
background-color: #f5c604;
width: 90%;
color: rgba(11, 27, 58, .88);
padding: 0 5%;
}
.netrax-leistungen-head .box-yellow,
.netrax-leistungen-head .box-yellow *{
color:#fff !important;
}
.netrax-leistungen-head .box-yellow h1 {
font-size: 3.4rem;
margin-top: 4%;
margin-bottom: 0;
}
.netrax-leistungen-head .box-yellow p {
font-size: 1.48rem;
line-height: 1.5;
}
.box-yellow.mycovertext p ,
.box-yellow.mycovertext strong,
.box-yellow.mycovertext b{
color: rgba(11, 27, 58, .88) !important;
}
.mycovertext h2.typewriter {
margin-left: 3%;
line-height: 1.2;
} .mycovertext h2.typewriter span{
font-size: inherit !important;
}
@media(max-width:800px){
.mycovertext h2.typewriter span{
font-size: 1.8rem !important;
line-height: 1;
}
}
.mycovertext h2.typewriter.line2{
font-size: 2.8em !important;
line-height: 1.25 !important;
margin-left: 18px;
}
.mycovertext h2.typewriter + h2.typewriter {
margin-left: 18px;
margin-top: 0;
font-size: 2.25em!important; 
} .mycovertext .line2{opacity:0;transition:opacity .9s ease;}
.mycovertext .line2{
opacity:0!important;
transition:opacity .7s ease!important;
}
.mycovertext .line2.done{
opacity:1!important;
} .netrax .reveal1,
.netrax .reveal2,
.netrax .reveal3{
transform: translateY(18px) !important;
opacity: 0 !important;
transition: opacity .8s ease, transform .8s ease !important;
}
.netrax .reveal1.active,
.netrax .reveal2.active,
.netrax .reveal3.active{
transform: none !important;
opacity: 1 !important;
}  .netrax-leistungen-head .box-yellow.typewriter{
margin: 0;
line-height: 1.05;
letter-spacing: .02em;
text-transform: uppercase; color: #fff;
} .netrax-leistungen-head .typewriter.line2{
font-size: 3.4em; line-height: 1.15;
margin-top: .15em;
}  .nx-fade-left{
opacity: 0;
transform: translateX(-40px) scale(0.98);
transition: all 0.9s ease;
} .nx-fade-left.is-visible{
opacity: 1;
transform: translateX(0) scale(1);
} .nx-leistungen-full {
width: 100%;
margin: 0;
padding: 0;
} .netrax .leistung-row {
position: relative;
}
.netrax .leistung-row::after {
content: "";
position: absolute;
left: 50%;
bottom: -18px;
transform: translateX(-50%);
width: 90px;
height: 36px;
background: white; }    .netrax .nx-leistungen-wrap .leistung-row{
display:flex; flex-direction:row;
} .netrax .nx-leistungen-wrap .leistung-row:nth-of-type(even){
flex-direction:row-reverse;
}
.netrax .leistung-row:nth-child(even){
flex-direction: row-reverse;
}
.leistung-row {
width: auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
padding: 90px 12%;
} .netrax .nx-leistungen-wrap > div.leistung-row:nth-of-type(even){
flex-direction: row-reverse;
} .leistung-img {
flex: 0 0 40%;
max-width: 420px;
}
.leistung-img img {
width: 100%;
height: auto;
display: block;
} .leistung-text {
flex: 1;
color: white;
}
.leistung-text h2 {
font-size: 3.3rem;
margin: 0 0 18px;
font-weight: 300;
font-family: 'Roboto';
}
.leistung-text p {
font-size: 1.2rem;
line-height: 1.6;
max-width: 560px;
margin: 0;
}
.leistung-text a {
font-weight: 400 !important;
}
.netrax .leistung-text p{
color: #fff !important;
}
.netrax .leistung-text h2{
color: #fff !important;
} .leistung-btn {
display: inline-block;
margin-top: 25px;
padding:  16px 28px;
border: 2px solid white;
color: #0a1b3a;
text-decoration: none;
font-weight: 600;
background: #ffffff;
font-size: 1.3em;
}
.leistung-btn:hover {
background:  var(--blue);
border-color: white;
color: white;
}   .leistung-blue {
background: var(--blue);
}
.leistung-yellow {
background: var(--yellow);
color: #fff;
}
.leistung-yellow .leistung-text {
color:#fff;
}
.leistung-yellow .leistung-btn {
border-color: white;
color:  var(--dark);
}
.leistung-yellow .leistung-btn:hover {
background: var(--blue);
color: white;
}
.leistung-dark {
background: var(--dark);
}
.netrax .leistung-row{
flex-direction: row;
}
.netrax .leistung-row:nth-child(even){
flex-direction: row-reverse;
}   @media (max-width: 900px) {
.leistung-row {
flex-direction: column !important;
text-align: center;
padding: 60px 6%;
}
.leistung-img {
max-width: 320px;
}
.leistung-text h2 {
font-size: 1.2em;
font-family: 'Roboto';
line-height: 1.2;
margin: 3% 2%;
padding-bottom: 0;
text-align: left;
font-weight: 500;
max-width: 96%;
color: #edcf06;
}
.leistung-btn {
width: 90%;
text-align: center;
}
}  .nx-io,
.reveal1, .reveal2, .reveal3,
.nx-fade-left,
.nx-step{
opacity: 0;
transform: translateY(18px);
transition: opacity .65s ease, transform .65s ease;
will-change: opacity, transform;
} .nx-io.is-in,
.reveal1.active, .reveal2.active, .reveal3.active,
.nx-fade-left.is-visible,
.nx-step.is-in{
opacity: 1;
transform: none;
} .nx-detailtext {
padding: 90px 0;
background: #fff;
}
.nx-detail-title {
font-size: 3rem;
font-weight: 700;
margin-bottom: 50px;
color: #f2c400;
}
.nx-detail-columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
}
.nx-detail-columns p {
font-size: 1.4rem;
line-height: 2.1rem;
margin-bottom: 5px; }
@media (max-width: 900px) {
.nx-detail-columns {
grid-template-columns: 1fr;
gap: 30px;
}
.nx-detail-columns p {
font-size: 1.3rem;
line-height: 1.8rem;
margin-bottom: 5px; }
.nx-detail-title {
font-size: 2.2rem;
}
}   .nx-showcase{
padding:90px 12%;
background:#fff;
}
.nx-tw.nx-showcase-title{
font-size: 4.3rem;
margin: 0 0 18px;
font-weight: 300;
font-family: 'Roboto';
}
.nx-showcase-title span{
color: var(--nx-accent) !important;
} .nx-tw span{
display:block;
color: var(--nx-accent) !important;
} .nx-tw:not(.one) span:nth-child(2){
opacity:0;
transition: opacity .8s ease;
}
.nx-tw.done span:nth-child(2){
opacity:1;
}  .nx-showcase-main{
display:grid;
grid-template-columns: 1.2fr 1fr;
gap:70px;
align-items:center;
}
.nx-showcase-image img{
width:100%;
display:block;
} .nx-showcase-text h3{
font-size:2.2rem;
margin-bottom:18px;
color:var(--yellow);
}
.nx-showcase-text p{
font-size:1.1rem;
line-height:1.7;
max-width:55ch;
}  .nx-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:16px 28px;
background: #f2c200;
color:#ffffff;
font-weight:400;
text-decoration:none;
transition:.18s ease;
}
.nx-btn:hover{
background:#fff;
color:rgba(11, 27, 58, .88);
transform:translateY(-2px);
border: 1px solid #181834;
}
.nx-btn{
transition: all .25s ease;
cursor:pointer;
border:1px solid transparent;
}
.nx-btn:hover{
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(0,0,0,.25);
}
.nx-btn::after{
content:"→";
transition:.18s ease;
}
.nx-btn:hover::after{
transform:translateX(5px);
}  .nx-showcase-mini{
margin-top:70px;
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:30px;
}
.nx-showcase-mini img{
width:100%;
height:190px;
object-fit:cover;
display:block;
transition:.2s;
}
.nx-showcase-mini img:hover{
transform:translateY(-6px);
}
.nx-showcase-mini{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:30px;
align-items:stretch;
}
.nx-showcase-mini .nx-mini{
display:block;
}
.nx-showcase-mini .nx-mini img{
width:100%;
height:190px; object-fit:cover;
display:block;
} @media(max-width:980px){
.nx-showcase-main{
grid-template-columns:1fr;
gap:40px;
}
.nx-showcase-mini{
grid-template-columns:1fr;
}
}  .nx-ablauf { padding: 70px 0; }
.nx-ablauf .nx-title { margin: 0 0 14px; }
.nx-ablauf .nx-lead { max-width: 70ch; margin: 0 0 30px; }
.nx-steps{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.nx-step{
border: 1px solid rgba(10,27,58,.16);
padding: 22px 22px 20px;
background: #fff;
transition: transform .18s ease, border-color .18s ease;
}
.nx-step h3{
margin: 0 0 10px;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.2;
}
.nx-step p{ margin: 0; line-height: 1.55; }
.nx-step:hover{
transform: translateY(-2px);
border-color: rgba(10,27,58,.35);
} @media (max-width: 980px){
.nx-steps{ grid-template-columns: 1fr; }
} .nx-step{
position: relative;
overflow: hidden;
}
.nx-step::before{
content:"";
position:absolute;
left:0; top:0;
width:100%; height:3px;
background: var(--nx-accent);
transform: scaleX(0);
transform-origin: left;
transition: transform .18s ease;
}
.nx-step:hover{
transform: translateY(-4px);
border-color: rgba(10,27,58,.35);
}
.nx-step:hover::before{
transform: scaleX(1);
} .nx-step{
opacity: .0;
transform: translateY(110px);
transition: opacity 2s ease, transform 2s ease;
}
.nx-step.is-in{
opacity: 1;
transform: translateY(0);
}
.nx-step{
opacity: 0;
transform: translateY(112px);
transition: opacity .65s ease, transform .65s ease;
}
.nx-step.is-in{
opacity: 1;
transform: translateY(0);
}
.design.nx-step.is-in {
background-color: #071830;
overflow: hidden;
background: radial-gradient(900px 520px at 20% 25%, rgba(255, 204, 0, .08), transparent 70%), radial-gradient(820px 520px at 78% 22%, rgba(60, 140, 255, .18), transparent 62%), radial-gradient(1000px 600px at 50% 120%, rgba(255, 190, 40, .14), transparent 55%), linear-gradient(120deg, #06213f 0%, #0e2e57 38%, #061328 100%);
}
.design.nx-step.is-in::before {
content: "";
position: absolute;
inset: -2px;
pointer-events: none;
opacity: .55;
background: repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 22px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 22px), radial-gradient(circle at 70% 35%, rgba(255, 220, 90, .16), transparent 55%), radial-gradient(circle at 25% 55%, rgba(80, 160, 255, .12), transparent 60%);
mix-blend-mode: screen;
filter: blur(.2px);
}
.design.nx-step.is-in h3{
font-size: 1.36rem;
}
.design.nx-step.is-in a {
color: #fff;
font-size: 1.36rem;
}
.nx-step h3{
transition: color .28s ease, transform .28s ease;
}
.nx-step:hover h3{
color: var(--nx-accent);
transform: translateX(2px);
} .nx-step{ transition-delay: var(--nx-delay, 0ms); }  .nx-tw span{
display:block;
}
.nx-tw span:last-child{
opacity:0;
transition:opacity .8s ease;
}
.nx-tw.done span:last-child{
opacity:1;
}  .nx-home-services{
padding: 50px;
background: #0b1b3a;
color: #fff;
margin: 5% 10%;
}
.nx-home-services{
display: block;
}
.nx-home-services .nx-title{
font-size: 3rem;
font-weight: 300;
margin-bottom: 16px;
}
.nx-home-services .nx-lead{
font-size: 1.2rem;
max-width: 65ch;
line-height: 1.6;
margin-bottom: 60px;
color: rgba(255,255,255,.85);
}     .nx-home-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
margin-top:30px;
}
.nx-home-card{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
padding:44px 32px;
border:1px solid rgba(255,255,255,.12);
background:rgba(255,255,255,.03);
border-radius:14px;
text-decoration:none;
color:inherit;
}
.nx-home-card h3{ margin:18px 0 8px; }
.nx-home-card p{ margin:0; opacity:.9; }  .nx-home-card{
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.12);
border-top: 4px solid #f2c200; border-radius: 0px;
text-align: center;
}
.nx-home-card:hover{
transform: translateY(-6px);
border-color: var(--nx-accent);
background: rgba(255,255,255,.06);
} .nx-icon{
margin-bottom: 25px;
}
.nx-icon img{
width: 155px;
height: auto;
display: block;
} .nx-home-card h3{
font-size: 1.6rem;
margin: 0 0 10px;
font-weight: 400;
text-align: center;
color: #f2c200;
}
.nx-home-card p{
margin: 0;
font-size: 1rem;
text-align: center;
line-height: 1.5;
color: rgba(255,255,255,.8);
} .nx-home-card:hover h3{
color: var(--nx-accent);
} @media (max-width: 980px){
.nx-home-grid{
grid-template-columns: 1fr;
gap: 25px;
}
.nx-home-services{
padding: 70px 8%;
}
} .nx-home-services img{
float: none !important;
margin: auto !important;
clear: none !important;
max-width: 100%;
}
.nx-home-card{
text-align: left;
}
.nx-icon{
display: block;
}
.home img{
float: none;
} .nx-home-grid{
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 40px;
}
.nx-home-card{
display: block;
padding: 40px;
background: rgba(255,255,255,.05);
}
.nx-home-grid > p{ display:none; }
.nx-home-services{ 
clear: both; 
display: block; 
}
.nx-home-services::before {
content: "";
position: absolute;
inset: -2px;
pointer-events: none;
opacity: .55;
background: repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 22px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 22px), radial-gradient(circle at 70% 35%, rgba(255, 220, 90, .16), transparent 55%), radial-gradient(circle at 25% 55%, rgba(80, 160, 255, .12), transparent 60%);
mix-blend-mode: screen;
filter: blur(.2px);
}
.nx-home-services .nx-title,
.nx-home-services .nx-lead{
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
}
.nx-home-services .nx-lead{
margin: 0 0 40px !important;
}
.nx-home-card.nx-highlight{
background: #f2c400;
color: #fff;
}
.nx-home-card.nx-highlight h3,
.nx-home-card.nx-highlight p,
.nx-home-card.nx-highlight a{
color: #fff !important;
}/*/*/.link-text {
color: inherit;
text-decoration: underline;
}/**/ .nx-examples-grid{
display:grid;
grid-template-columns: 1.25fr 1fr;
gap:24px;
margin-top:24px;
}
.nx-ex-card{
display:flex;
flex-direction:column;
gap:10px;
padding:22px;
background:#fff;
border:1px solid rgba(10,27,58,.10);
text-decoration:none;
}
.nx-ex-card:hover{
transform:translateY(-3px);
transition:.2s ease;
border-color:rgba(10,27,58,.25);
}
.nx-ex-card--featured{
grid-row: 1 / span 2;
padding:28px;
}
.nx-ex-kicker{
font-size:.9rem;
opacity:.75;
}
.nx-ex-title{
font-size:1.4rem;
font-weight:600;
}
.nx-ex-cta{
margin-top:auto;
text-decoration:underline;
text-underline-offset:.18em;
font-weight:600;
} @media (max-width: 900px){
.nx-examples-grid{
grid-template-columns: 1fr;
}
.nx-ex-card--featured{
grid-row:auto;
}
}  .nx-examples .nx-cards{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin-top: 24px;
}
.nx-examples .nx-card{
border:1px solid rgba(0,0,0,.12);
padding: 22px;
background: #fff;
}
.nx-examples .nx-card-title{
margin: 0 0 8px;
}
.nx-examples .nx-card-meta{
margin: 0 0 14px;
opacity: .85;
}
.nx-examples .nx-card-link{
display:inline-block;
font-weight: 600;
text-decoration: underline;
text-underline-offset: .18em;
} @media (max-width: 900px){
.nx-examples .nx-cards{ grid-template-columns: 1fr; }
}    .nx-bottom{
padding: clamp(48px, 6vw, 90px) 0; background:
radial-gradient(500px 700px at 40% 50%, rgba(247,198,0,.25), transparent 60%),
linear-gradient(135deg, #081423 0%, #0b1b3a 60%, #0e223f 100%);
position: relative;
overflow: hidden;
} .nx-bottom::after{
content:"";
position:absolute;
bottom:0;
left:-20%;
width:140%;
height:300px;
background:
radial-gradient(ellipse at center,
rgba(247,198,0,.9) 0%,
rgba(247,198,0,.6) 15%,
rgba(247,198,0,.3) 30%,
transparent 60%);
transform: rotate(-8deg);
filter: blur(40px);
opacity:.8;
pointer-events:none;
}  .nx-bottom::before{
content:"";
position:absolute;
inset:0;
background:
repeating-linear-gradient(
100deg,
rgba(255,255,255,.04) 0px,
rgba(255,255,255,.04) 1px,
transparent 1px,
transparent 6px
);
opacity:.25;
pointer-events:none;
}  @keyframes nxWave{
0% { transform: translateX(0) rotate(-8deg); }
50% { transform: translateX(-3%) rotate(-8deg); }
100% { transform: translateX(0) rotate(-8deg); }
}
.nx-bottom::after{
animation: nxWave 8s ease-in-out infinite;
} .nx-bottom::before{
content:"";
position:absolute;
inset:-2px;
background:
linear-gradient(120deg, transparent 0 35%, rgba(255,199,0,.10) 45%, transparent 55%),
linear-gradient(0deg, rgba(255,255,255,.06), transparent 30%);
opacity:.55;
pointer-events:none;
}
.nx-bottom__inner{
width:min(1100px, calc(100% - 40px));
margin:0 auto;
position:relative;
z-index:2;
}
.nx-bottom__inner p {
color: #fff;
margin-bottom: 7%;
font-size: 1.65rem;
}
.nx-bottom__head h2{
color:#fff;
font-size: clamp(26px, 3vw, 40px);
line-height:1.12;
margin:5% 0 40px;
letter-spacing:.2px;
font-size: 3.0rem;
}
.nx-bottom__head p{
color:rgba(255,255,255,.78);
max-width: 70ch;
margin:0 0 26px;
font-size: 16px;
}
.design.nx-bottom__head p{
color:rgba(255,255,255,.78);
max-width: 90ch;
margin:0 0 26px;
font-size: 1.4rem;
}
.nx-bottom__grid{
display:grid;
grid-template-columns: 1.2fr .8fr;
gap: 18px;
}
@media (max-width: 860px){
.nx-bottom__grid{ grid-template-columns: 1fr; }
}
.nx-card{
border: 1px solid rgba(255,255,255,.10);
background: rgba(255,255,255,.06);
backdrop-filter: blur(10px);
border-radius: 18px;
padding: 18px 18px 16px;
box-shadow: 0 16px 40px rgba(0,0,0,.35);
}
.nx-card h3{
color:#fff;
margin:0 0 12px;
font-size: 18px;
letter-spacing:.2px;
}
.nx-faq{
border-top: 1px solid rgba(255,255,255,.10);
padding: 12px 0;
}
.nx-faq:first-of-type{ border-top: 0; padding-top: 6px; }
.nx-faq summary{
cursor:pointer;
color: rgba(255,255,255,.92);
font-weight: 650;
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.nx-faq summary::-webkit-details-marker{ display:none; }
.nx-faq summary::after{
content:"+";
width:28px;
height:28px;
display:grid;
place-items:center;
border-radius: 10px;
background: rgba(255,199,0,.12);
color: rgba(255,199,0,.95);
font-weight:800;
flex: 0 0 auto;
}
.nx-faq[open] summary::after{ content:"–"; }
.nx-faq__content{
margin-top: 10px;
color: rgba(255,255,255,.76);
line-height:1.55;
font-size: 15px;
text-align: left;
}
.nx-stack{
display:grid;
gap: 18px;
}
.nx-list{
margin:0;
padding-left: 18px;
color: rgba(255,255,255,.80);
line-height:1.6;
font-size: 15px;
}
.nx-list strong{ color:#fff; }
.nx-badges{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top: 14px;
}
.nx-badge{
padding: 7px 10px;
border-radius: 999px;
border:1px solid rgba(255,255,255,.10);
background: rgba(0,0,0,.18);
color: rgba(255,255,255,.86);
font-size: 13px;
}
.nx-card--review{
position:relative;
border-color: rgba(255,199,0,.22);
background: linear-gradient(180deg, rgba(255,199,0,.10), rgba(255,255,255,.05));
}
.nx-quote{
position:absolute;
top: 10px;
right: 14px;
font-size: 46px;
line-height:1;
color: rgba(255,199,0,.55);
font-weight: 900;
}
.nx-review__text{
color: rgba(255,255,255,.90);
margin: 8px 0 12px;
font-size: 15.5px;
line-height:1.6;
}
.nx-review__meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
color: rgba(255,255,255,.72);
font-size: 13px;
}
.nx-review__stars{
color: rgba(255,199,0,.95);
letter-spacing: .8px;
}
.nx-bottom__logos{
margin-top: 18px;
padding: 14px 0 0;
border-top: 1px solid rgba(255,255,255,.10);
color: rgba(255,255,255,.70);
font-size: 13px;
display:flex;
gap: 12px;
flex-wrap:wrap;
align-items:center;
}
.nx-bottom__logos p {
color: #fff;
font-size: 1.45rem;
}
.nx-logos{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.nx-logo{
border: 1px dashed rgba(255, 255, 255, .18);
border-radius: 4px;
margin-top: 5%;
padding: 8px 10px;
background: rgba(0, 0, 0, .12);
color: rgba(255, 255, 255, .78);
}   .nx-dm-hero{
position: relative;
padding: 120px 10%;
overflow: hidden;
background:
radial-gradient(900px 500px at 40% 50%, rgba(247,198,0,.25), transparent 60%),
linear-gradient(135deg, #081423 0%, #0b1b3a 60%, #0e223f 100%);
} .nx-dm-hero::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(120deg,
transparent 0%,
rgba(247,198,0,.4) 40%,
rgba(247,198,0,.1) 50%,
transparent 70%);
opacity:.35;
pointer-events:none;
}
.nx-dm-inner{
position:relative;
z-index:2;
display:grid;
grid-template-columns: 1.1fr .9fr;
gap:60px;
align-items:center;
} .nx-dm-text h2{
font-size: 3.2rem;
font-weight: 300;
color:#fff;
margin:0 0 20px;
}
.nx-dm-text p{
font-size:1.2rem;
line-height:1.6;
color:rgba(255,255,255,.85);
max-width:60ch;
} .nx-dm-images{
position:relative;
}
.nx-dm-images img{
width:100%;
max-width:420px;
display:block;
border-radius:14px; transition:.3s ease;
} .nx-dm-images img:first-child{
position:relative;
z-index:2;
}
.nx-dm-images img:last-child{
top:40px;
left:50px; }
.nx-dm-images img:last-child{
position:absolute;
top:60px;
left:80px;
z-index:2; } .nx-dm-images img:hover{
transform: translateY(-6px);
}
.nx-bottom::before{
opacity:.75;
} @media(max-width:980px){
.nx-dm-inner{
grid-template-columns:1fr;
gap:40px;
}
.nx-dm-images{
display:flex;
flex-direction:column;
gap:20px;
}
.nx-dm-images img{
position:relative !important;
top:auto !important;
left:auto !important;
max-width:100%;
}
}   .nx-bg-tech{
position: relative;
overflow: hidden;
background:
radial-gradient(900px 520px at 20% 25%, rgba(255,204,0,.22), transparent 60%),
radial-gradient(820px 520px at 78% 22%, rgba(60,140,255,.18), transparent 62%),
radial-gradient(1000px 600px at 50% 120%, rgba(255,190,40,.14), transparent 55%),
linear-gradient(120deg, #07101a 0%, #081b34 38%, #061225 100%);
} .nx-bg-tech::before{
content:"";
position:absolute; inset:-2px;
pointer-events:none;
opacity:.55; background:
repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 22px),
repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 22px),
radial-gradient(circle at 70% 35%, rgba(255,220,90,.16), transparent 55%),
radial-gradient(circle at 25% 55%, rgba(80,160,255,.12), transparent 60%);
mix-blend-mode: screen;
filter: blur(.2px);
} .nx-bg-tech::after{
content:"";
position:absolute; inset:-20%;
pointer-events:none;
opacity:.85; background:
conic-gradient(from 210deg at 70% 55%,
transparent 0 30deg,
rgba(255,210,90,.22) 40deg,
transparent 55deg 360deg),
linear-gradient(115deg,
transparent 0 42%,
rgba(255,205,70,.20) 48%,
transparent 56% 100%),
linear-gradient(115deg,
transparent 0 54%,
rgba(120,190,255,.14) 58%,
transparent 64% 100%),
radial-gradient(closest-side at 72% 55%,
rgba(255,200,60,.28), transparent 68%);
transform: rotate(-6deg);
mix-blend-mode: screen;
filter: blur(8px) saturate(1.2) contrast(1.05);
} .nx-bg-tech .nx-card{
background: rgba(15, 26, 45, .55);
border: 1px solid rgba(255,255,255,.08);
box-shadow: 0 12px 30px rgba(0,0,0,.35);
backdrop-filter: blur(10px);
}  .nx-faq-section {
position: relative;
padding: 30px 8%;
background: 
linear-gradient(to right, rgba(6,18,40,0.2), rgba(6,18,40,0.85)),
url(https://sp-kreativdesign.de/wp-content/uploads/design-marketing.jpg) left center / cover no-repeat;
display: flex;
justify-content: flex-end;
align-items: center;
}
.nx-faq-content {
max-width: 600px;
color: #ffffff;
z-index: 2;
}
.nx-faq-content h2 {
font-size: 42px;
margin-bottom: 20px;
}
.nx-faq-content p {
font-size: 18px;
line-height: 1.6;
opacity: 0.9;
color:#fff;
}   .nx-faq-secondary{
padding: 120px 0;
margin-top: 5%;
background: linear-gradient(180deg, #071a33 0%, #06162c 100%);
}
.nx-faq-secondary h2{
font-size: 3.1rem;
color: #f0b400;
margin: 0 0 50px;
text-align: center;
}
.nx-accordion{
max-width: 980px;
margin: auto;
}
.nx-acc-item{
border-bottom: 1px solid rgba(255,255,255,.08);
padding: 14px 0;
}
.nx-acc-toggle{
list-style: none;
cursor: pointer;
font-size: 1.4rem;
text-align: left;
font-weight: 400;
color: rgba(255, 255, 255, .92);
padding: 8px 50px 8px 0;
position: relative;
} .nx-acc-toggle::-webkit-details-marker{ display:none; }
.nx-acc-toggle::after{
content:"+";
position:absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 34px;
height: 34px;
border-radius: 10px;
display:flex;
align-items:center;
justify-content:center;
background: rgba(255,255,255,.06);
color: #f0b400;
font-size: 22px;
}
.nx-acc-item[open] .nx-acc-toggle::after{
content:"–";
}
.nx-acc-content{
padding: 0 0 18px;
}
.nx-acc-content p{
line-height: 1.6;
font-size: 1.3rem;
color: #fff;
font-weight: 300;
}        .netrax.nx-ref { 
position: relative;
padding: clamp(60px, 6vw, 100px) 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
}
.netrax.nx-ref::before{
content:"";
position:absolute;
inset:0;
background: linear-gradient(90deg, rgba(7,14,28,.72), rgba(7,14,28,.55));
pointer-events:none;
}
.netrax.nx-ref {
position: relative;
padding: clamp(60px, 6vw, 100px) 0;
background-image:
linear-gradient(rgba(7,14,28,0.75), rgba(7,14,28,0.75)),
url(https://sp-kreativdesign.de/wp-content/uploads/design-marketing.jpg); background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
} .netrax .nx-ref--bg,
.netrax.nx-ref--bg{
background-image:
radial-gradient(1200px 600px at 25% 40%, rgba(242,196,0,.18), transparent 60%),
radial-gradient(900px 500px at 80% 30%, rgba(255,255,255,.08), transparent 55%),
var(--nx-ref-bg, url(https://sp-kreativdesign.de/wp-content/uploads/website-betreuung.jpg));
background-size: 120%;
background-position: center 40%;
}
p.netrax.nx-ref__sub a {
color: #fff;
} .netrax.nx-ref::before{
content:"";
position:absolute;
inset:0;
background: linear-gradient(90deg, rgba(7,14,28,.72), rgba(7,14,28,.55));
pointer-events:none;
}
.netrax.nx-ref__inner{
position: relative;
width: min(1200px, 92vw);
margin: 0 auto;
}
.netrax.nx-ref__head{
max-width: 90ch;
margin-bottom: clamp(18px, 3vw, 28px);
}
.netrax.nx-ref__title{
font-size: clamp(34px, 4.2vw, 56px);
line-height: 1.05;
margin: 0 0 10px;
color: var(--nx-accent, #f7c600);
font-weight: 300;
letter-spacing: .2px;
}
.netrax.nx-ref__sub{
margin: 0;
opacity: .92;
font-size: clamp(16px, 1.2vw, 18px);
line-height: 1.55;
color: #fff;
}
.netrax.nx-ref__sub{
max-width: 85ch;
} .netrax.nx-ref__grid{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(16px, 2.2vw, 22px);
margin-top: clamp(18px, 2.8vw, 26px);
}
.netrax.nx-ref__grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px;
align-items: stretch; }
.netrax.nx-ref__card{
display: flex;
flex-direction: column;
height: 100%; }
@media (max-width: 980px){
.netrax.nx-ref__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
.netrax .nx-ref__grid{ grid-template-columns: 1fr; }
} .netrax .nx-ref__card{
display:flex;
flex-direction:column;
height:100%;
border-radius: 11px;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.10);
box-shadow: 0 18px 40px rgba(0,0,0,.35);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
overflow: hidden;
transform: translateY(0);
transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.netrax .nx-ref__card:hover{
transform: translateY(-6px);
border-color: rgba(242,196,0,.30);
background: rgba(255,255,255,.075);
}  .netrax .nx-ref__card{
display:flex;
flex-direction:column;
height:100%;
} .netrax .nx-ref__body{
display:flex;
flex-direction:column;
flex:1;
} .netrax .nx-ref__actions{
margin-top:auto;
}  .netrax .nx-ref__media{
position: relative;
aspect-ratio: 12 / 8;
overflow: hidden;
}
.netrax .nx-ref__media img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: saturate(1.03) contrast(1.02);
transform: scale(1.02);
transition: transform .35s ease;
}
.netrax .nx-ref__card:hover .nx-ref__media img{
transform: scale(1.06);
} .netrax .nx-ref__tag{
position: absolute;
top: 14px;
left: 14px;
padding: 8px 10px;
border-radius: 999px;
font-size: 12px;
letter-spacing: .3px;
background: rgba(11,27,58,.72);
border: 1px solid rgba(255,255,255,.12);
color: #fff;
} .netrax .nx-ref__body{
padding: 18px 18px 20px;
}
.netrax .nx-ref__h3{
margin: 0 0 6px;
font-size: 1.1rem;
font-weight: 500;
color: #fff;
}
.netrax .nx-ref__meta{
margin: 0 0 30px;
font-size: 1.013rem;
padding: .4em;
opacity: .88;
color: #a58e34;
border-radius:5px;
background: rgb(15 26 45 / 80%);
}
.netrax .nx-ref__txt{
margin: 0 0 14px;
line-height: 1.155;
opacity: .95;
font-size: 1.13rem;
color: #fff;
} .netrax .nx-ref__actions{
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.netrax .nx-ref__btn{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0px 14px;
border-radius: 6px;
background: var(--nx-accent, #f7c600);
color: #101428;
font-weight: 500;
text-decoration: none;
border: 1px solid rgba(0, 0, 0, .08);
transition: transform .18s ease, filter .18s ease;
}
.netrax .nx-ref__btn:hover{
transform: translateY(-1px);
filter: brightness(1.03);
color: #fff;
}
.netrax .nx-ref__btn--ghost{
background: rgba(255,255,255,.06);
color: #fff;
border: 1px solid rgba(255,255,255,.18);
}
.netrax .nx-ref__link{
color: #fff;
opacity: .9;
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,.22);
padding-bottom: 2px;
}
.netrax .nx-ref__link:hover{
opacity: 1;
border-bottom-color: rgba(242,196,0,.65);
}
.netrax .nx-ref__foot{
margin-top: clamp(18px, 3vw, 28px);
}   .nx-design-paper{
background:
radial-gradient(900px 420px at 20% 10%, rgba(240,180,0,.06), transparent 62%),
radial-gradient(900px 420px at 90% 30%, rgba(11,27,58,.05), transparent 60%),
#fbfbfd; padding: clamp(60px, 6vw, 110px) 0;
}
.nx-design-paper__inner{
max-width: 1080px;
margin: 0 auto;
padding: 0 clamp(18px, 3vw, 40px);
} .nx-design-paper__inner p{ color: rgba(11,27,58,.88);
line-height: 1.7;
font-size: 1.05rem;
margin: 0 0 18px;
} .nx-design-paper__inner h2,
.nx-design-paper__inner h3{
color: #f0b400;
letter-spacing: -0.02em;
line-height: 1.12;
margin: 0 0 14px;
} .nx-design-paper__inner h2,
.nx-design-paper__inner h3{
display: block !important;
float: none !important;
clear: both;
width: 100%;
text-align: left;
margin-left: 0;
margin-right: 0;
}
.nx-design-paper__inner h2,
.nx-design-paper__inner h3{
margin-top: 46px;
}
.nx-design-paper__inner h2:first-child,
.nx-design-paper__inner h3:first-child{
margin-top: 0;
} .nx-design-paper__inner p{
font-weight: 400;
text-wrap: pretty; margin: 0 0 16px;
}
.nx-design-paper__inner p + p{
margin-top: 10px;
}
.nx-design-paper__inner hr{
border: 0;
height: 1px;
background: rgba(11,27,58,.08);
margin: 40px 0;
max-width: 70ch;
}
.nx-design-paper__inner h2{
text-shadow: 0 0 18px rgba(240,180,0,.18);
}
.nx-design-paper__inner h2{
font-size: clamp(2.0rem, 3.2vw, 3.0rem);
line-height: 1.08;
letter-spacing: -0.02em;
}
.nx-design-paper__inner h2{
position: relative;
padding-bottom: 14px;
}
.nx-design-paper__inner h2::after{
content:"";
position:absolute;
left:0;
bottom:0;
width: 84px;
height: 4px;
background: rgba(240,180,0,.55);
border-radius:1px;
} .nx-accordion--light{
max-width: 980px;
margin: 26px 0 0;
background: rgba(11,27,58,.00);
border: 1px solid rgba(11,27,58,.08);
border-radius: 18px;
padding: 8px 18px;
}
.nx-accordion--light .nx-acc-item{
border-bottom: 1px solid rgba(11,27,58,.10);
padding: 10px 0;
text-align: left;
}
.nx-accordion--light .nx-acc-toggle{
color: rgba(11,27,58,.92);
font-size: 1.25rem;
font-weight: 600;
letter-spacing: -0.01em;
padding: 12px 54px 12px 0;
}
.nx-accordion--light .nx-acc-toggle::after{
background: rgba(11,27,58,.06);
color: #f0b400;
}
.nx-accordion--light .nx-acc-content{
padding: 0 0 16px;
opacity: .95;
}
.nx-accordion--light .nx-acc-content p{
color: rgba(11,27,58,.86);
font-size: 1.05rem;
line-height: 1.7;
margin: 0 0 14px;
} .nx-accordion--light .nx-acc-content{
transform: translateY(-4px);
transition: opacity .25s ease, transform .25s ease;
}
.nx-accordion--light .nx-acc-item[open] .nx-acc-content{
transform: translateY(0);
} .nx-cta-visual{
position: relative;
width: min(560px, 100%);
min-height: 420px; margin: 20px 0 0 auto; }
.nx-cta-visual img{ display:block; margin:0 !important; }
.nx-cta-img{
width:100%;
height:auto;
border-radius: 22px;
box-shadow: 0 25px 60px rgba(11,27,58,.18);
}
.nx-cta-img--top{ position:relative; z-index:2; }
.nx-cta-img--bottom{
position:absolute;
right:-34px;
bottom:-34px;
width:82%;
z-index:1;
} .nx-cta-visual p{ margin:0 !important; }  .nx-cta-split{
padding: 90px 0;
}
.nx-cta-split__inner{
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
display: grid;
grid-template-columns: 1.1fr .9fr;
gap: 60px;
align-items: center;
} @media (max-width: 900px){
.nx-cta-split__inner{
grid-template-columns: 1fr;
gap: 28px;
}
} .nx-cta-split__visual{
position: relative;
min-height: 520px; }
.nx-cta-split__visual img{
display: block;
width: min(520px, 100%);
height: auto;
border-radius: 18px;
box-shadow: 0 18px 50px rgba(0,0,0,.22);
} .nx-cta-split__visual img:first-child{
position: absolute;
right: 0;
top: 0;
transform: rotate(-2deg);
opacity: .98;
} .nx-cta-split__visual img:last-child{
position: absolute;
right: 70px;
top: 230px;
transform: rotate(2deg);
} @media (max-width: 900px){
.nx-cta-split__visual{
min-height: auto;
}
.nx-cta-split__visual img{
position: static !important;
transform: none !important;
width: 100%;
}
.nx-cta-split__visual img + img{
margin-top: 14px;
}
} .nx-dm-hero{ overflow: visible; } .nx-dm-images{
position: relative;
justify-self: end;
max-width: 520px;
padding: 10px 60px 70px 10px; }
.nx-dm-images > figure,
.nx-dm-images > p{ margin:0; } .nx-dm-images img{
display:block;
width:100%;
max-width:420px;
border-radius:4px;
box-shadow:0 30px 60px rgba(0,0,0,0);
} .nx-dm-images img:nth-of-type(1),
.nx-cta-split__visual img:first-child{
position: relative;
z-index: 2;
} .nx-dm-images img:nth-of-type(2),
.nx-cta-split__visual img:last-child {
position: absolute;
top: 70px;
right: 0;
transform: translateX(35px);
z-index: 1;
opacity: .95;
} .nx-cta-split__visual{
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 60px 60px 40px; }
.nx-cta-split__visual img{
display:block;
max-width: 420px;
width:100%;
border-radius:4px;
box-shadow:0 30px 60px rgba(0,0,0,.15);
} .nx-cta-split__visual{
position: relative;
overflow: visible;
min-height: 360px;
} .nx-cta-split__visual figure{
position: absolute;
top: 0;
right: 0;
margin: 0;
width: 420px; max-width: 100%;
} .nx-cta-split__visual picture,
.nx-cta-split__visual img{
display: block;
width: 100%;
} .nx-cta-split__visual .nx-stack-back{
transform: translate(70px, 35px);
z-index: 1;
opacity: .95;
} .nx-cta-split__visual .nx-stack-front{
transform: translate(-50px, -20px);
z-index: 2;
} .nx-cta-split__visual img{
border-radius:4px;
box-shadow: 0 30px 60px rgba(0,0,0,.15);
}  .nx-cta-split{
position: relative;
padding: clamp(56px, 6vw, 96px) 0;
background:
radial-gradient(900px 460px at 75% 45%, rgba(242,196,0,.14), transparent 60%),
radial-gradient(900px 560px at 20% 25%, rgba(11,27,58,.14), transparent 65%),
linear-gradient(180deg, #fbfbfd 0%, #f4f6fb 55%, #0b1b3a 160%);
} .nx-cta-split::after{
content:"";
position:absolute;
left:0; right:0; bottom:-1px;
height: 140px;
background: linear-gradient(180deg, rgba(11,27,58,0) 0%, rgba(11,27,58,.70) 75%, rgba(11,27,58,1) 100%);
pointer-events:none;
}
.nx-cta-split__text p {
color: rgba(11, 27, 58, .86);
font-size: 1.05rem;
line-height: 1.7;
margin: 0 0 14px;
}
.nx-cta-split__text h2 {
font-size: clamp(2.0rem, 3.2vw, 3.0rem);
line-height: 1.08;
letter-spacing: -0.02em;
position: relative;
padding-bottom: 14px;
}  .nx-cta-split__text p{
font-weight: 400;
text-wrap: pretty; margin: 0 0 16px;
}
.nx-cta-split__text p + p{
margin-top: 10px;
}
.nx-cta-split__text hr{
border: 0;
height: 1px;
background: rgba(11,27,58,.08);
margin: 40px 0;
max-width: 70ch;
}
.nx-cta-split__text h2{
text-shadow: 0 0 18px rgba(240,180,0,.18);
}
.nx-cta-split__text h2{
font-size: clamp(2.0rem, 3.2vw, 3.0rem);
line-height: 1.08;
letter-spacing: -0.02em;
}
.nx-cta-split__text h2{
position: relative;
padding-bottom: 14px;
margin-left: 0;
}
.nx-cta-split__text h2::after{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 84px;
height: 8px;
background: rgba(240, 180, 0, .85);
border-radius: 1px;
}
.nx-cta-split{
position: relative;
overflow: hidden;
background: radial-gradient(900px 520px at 20% 25%, rgba(255, 204, 0, .22), transparent 60%), radial-gradient(820px 520px at 78% 22%, rgba(60, 140, 255, .18), transparent 62%), radial-gradient(1000px 600px at 50% 120%, rgba(255, 190, 40, .14), transparent 55%), linear-gradient(120deg, #07101a 0%, #081b34 38%, #061225 100%);
}
.nx-cta-split::before {
content: "";
position: absolute;
inset: -2px;
pointer-events: none;
opacity: .55;
background: repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 22px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 22px), radial-gradient(circle at 70% 35%, rgba(255, 220, 90, .16), transparent 55%), radial-gradient(circle at 25% 55%, rgba(80, 160, 255, .12), transparent 60%);
mix-blend-mode: screen;
filter: blur(.2px);
}
.nx-cta-split__text h2 {
color: #f2c200;
}
.nx-cta-split__text p {
color:rgba(255,255,255,.90);
}
p.nx-cta-split__cta.design {
color: rgba(11, 27, 58, .88);
}
p.nx-cta-split__cta.design a {
margin-bottom: 3%;
}  .netrax-betreuung h1{
margin: 0 0 16px;
}
.netrax-betreuung p{ ;
}
.netrax-betreuung li{ }  .mycovertext h1.typewriter{
line-height: 1.08; }
.mycovertext h1.typewriter span{
font-size: inherit !important;
display: block;
} .mycovertext h1.typewriter .line2{
opacity: 0;
transition: opacity .7s ease;
}
.mycovertext h1.typewriter .line2.done{
opacity: 1;
}
.netrax-betreuung section{
width: min(1100px, 92vw);
margin: 0 auto;
}
.netrax-betreuung ul{
margin: 18px 0 0;
padding-left: 18px;
text-align: left;
font-size: 1.15rem;
line-height: 1.7;
max-width: 70ch;
} .netrax-betreuung.box-yellow h1.typewriter{
font-size: 3.4rem;       
line-height: 1.08;
margin-top: 4% !important; 
margin-bottom: 22px;        
width: 90%;
padding: 4% 5% 0;
} .netrax-betreuung.box-yellow h1.typewriter .tw1,
.netrax-betreuung.box-yellow h1.typewriter .line2{
display:block;
}
.netrax-betreuung.box-yellow h1.typewriter .line2{
margin-top: 14px;
}
.nx-grid-2{display:grid;gap:40px;align-items:center;}
.nx-home-card{
cursor: pointer;
position: relative;
}
.nx-home-card:hover{
transform: translateY(-2px);
transition: 0.25s ease;
}
.nx-home-card h3 a{
position: relative;
z-index: 2;
color: #f0b400;
}
@media(min-width:900px){
.nx-grid-2{grid-template-columns:1.1fr .9fr;
}
}
.nx-checklist{
list-style:none;
margin:18px 0 0;
padding:0;
max-width:62ch;
text-align: left;
}
.nx-checklist li{
padding-left:28px; 
margin:10px 0;
position:relative;
line-height:1.6;
}
.nx-checklist li:before{content:"✓";
position:absolute;
left:0;top:0;opacity:.85;
}
.nx-checklist li{
margin:10px 0;
padding-left:26px;
position:relative;
}
.nx-checklist li::before{
content:"✓";
position:absolute;
left:0;
top:0;
color:#0b1b3a;
font-weight:700;
}
.nx-cta-row{
margin-top:22px;
}
.nx-visual img{
width:100%;
height:auto;
border-radius:18px;
}
.netrax-betreuung.box-yellow{
box-shadow: inset 0 -1px 0 rgba(255,255,255,.35);
}
details.nx-faq{
background:rgba(11,27,58,.06);
border-radius:16px;
padding:18px 18px;
margin:14px 0;
}
details.nx-faq summary{
cursor:pointer;
font-weight:700;
}
details.nx-faq p{
margin:12px 0 0;
max-width:70ch;
}
.netrax-betreuung.box-yellow{
position:relative;
overflow:hidden;
}
.netrax-betreuung.box-yellow::after,
.box-yellow::after{
content:"";
position:absolute;
top:-160px;
left:-160px;
width:520px;
height:520px;
background:radial-gradient(circle, rgba(255,255,255,.32) 0%, rgba(255,255,255,0) 68%);
pointer-events:none;
mix-blend-mode:soft-light;
}
.nx-betreuung-cta{
background:url(https://sp-kreativdesign.de/wp-content/uploads/website-betreuung.jpg) center/cover no-repeat;
padding:120px 0;
position:relative;
color:#fff;
}
.nx-betreuung-cta::before{
content:"";
position:absolute;
inset:0;
background:rgba(11,27,58,.82);
}
.nx-betreuung-cta-inner{
position:relative;
max-width:640px;
margin-left:auto;
margin-right:8%;
text-align:left;
}
.nx-betreuung-cta h2{
color:#f2c400;
margin-bottom:20px;
}
.nx-betreuung-cta p{
margin-bottom:30px;
text-align:left;
}
.nx-betreuung-cta-inner p{
line-height:1.45;
max-width:520px;
color: #fff;
}
.netrax-betreuung.box-yellow p {
text-align: left !important;
font-size: 2.5rem;
color:#0b1b3a!important;
}
.nx-betreuung-cta-inner h2{
text-shadow: 0 0 12px rgba(242,196,0,0.25),
0 0 28px rgba(242,196,0,0.15);
margin-top:3.5rem;
}
.nx-betreuung-cta .nx-btn{
box-shadow:0 8px 24px rgba(0,0,0,0.35);
}   .nx-fade-left{
opacity:0;
transform: translateX(-44px) scale(.94);
transition: opacity .9s ease, transform .9s ease;
will-change: opacity, transform;
}
.nx-fade-left.is-visible{
opacity:1;
transform: translateX(0) scale(1);
}
h2.nx-fade-left.is-visible {
text-align: left;
} .nx-fade-right{
opacity:0;
transform: translateX(44px) scale(.94);
transition: opacity 1.1s ease, transform 1.3s ease;
will-change: opacity, transform;
}
.nx-fade-right.is-visible{
opacity:1;
transform: translateX(0) scale(1);
} .nx-zoom{
opacity:0;
transform: translateY(14px) scale(.70); transition: opacity 1.5s ease, transform 1.5s ease;
will-change: opacity, transform;
}
.nx-zoom-run{
opacity:0;
transform: translateY(14px) scale(.75); transition: opacity 1.4s ease, transform 1.4s ease;
will-change: opacity, transform;
}
.nx-zoom.is-visible,
.nx-zoom-run.is-visible{
opacity:1;
transform: translateY(0) scale(1);
} .nx-reveal-soft{
opacity:0;
transform: translateY(12px);
transition: opacity 1s ease, transform 1s ease;
will-change: opacity, transform;
}
.nx-reveal-soft.is-visible{
opacity:1;
transform: translateY(0);
}   :root{
--nx-h1: clamp(2.0rem, 3.8vw + 1rem, 3.4rem);
--nx-h2: clamp(1.6rem, 2.6vw + 1rem, 2.6rem);
--nx-h3: clamp(1.25rem, 1.2vw + 1rem, 1.8rem);
}
.netrax :where(h1,h2,h3){
line-height: 1.08;
letter-spacing: -0.01em;
text-wrap: balance; }
.netrax h1{ font-size: var(--nx-h1); }
.netrax h2{ font-size: var(--nx-h2); }
.netrax h3{ font-size: var(--nx-h3); } .netrax :where(h1,h2,h3,p){
hyphens: auto;
-webkit-hyphens: auto;
overflow-wrap: anywhere;
}
.entry-content > p:empty + .nx-home-services,
.site-content > p:empty + .nx-home-services{
margin-top: 0 !important;
} @media screen and (max-width:600px) {
.mycovertext h1.typewriter span,
.nx-tw.nx-showcase-title,
.netrax-leistungen-head .box-yellow h1{
font-size:1.781rem!Important;
}
.nx-faq-content h2,
.nx-bottom__head h2,
.nx-dm-text h2 {
font-size: 1.7rem;
}
.nx-faq-secondary h2,
.white h4{
font-size: 1.56rem;
margin: 0;
}
.nx-acc-toggle {
font-size: 1.124rem;
line-height: 1.124;
}
p {
font-size: 1.23rem;
}
.nx-acc-content p {
line-height: 1.6;
font-size: 1.2rem;
}
.nx-step p {
line-height: 1.35;
}
.nx-detailtext {
padding:  0;
}
.nx-detail-columns p {
font-size: 1.123rem;
line-height: 1.58rem;
}
.nx-bottom__inner p {
margin-bottom: 0;
font-size: 1.165rem;
}
.site-footer .parallax6 h2 {
font-size: 1.24em;
margin-left: 20px;
}
.nx-dm-hero {
position: relative;
padding: 20px 5%;}
h3 {
font-size: 1.76rem;
line-height: 1.3;
}
.netrax-leistungen-head .box-yellow p {
font-size: 1.248rem;
line-height: 1.3;
color: rgb(7 24 48 / 85%) ! Important;
}
.nx-ablauf {
padding: 0;
}
.nx-cta-split__visual {
min-height: auto;
}
.nx-cta-split__visual {
padding: 0;
}
#head-h1 h1,
.page-id-184 .box-yellow h1,
.box-yellow h2 {
line-height: 1.3;
font-size: 1.5rem;
font-weight: 400;
}
.page-id-184 .box-yellow h1 {
line-height: 1.3;
font-size: 1.6rem;
margin-bottom: 10px;
}
#logo-tx2 {
position: relative;
padding: 0.1em;
margin-top: -140px;
display: block;
}
.news.box-full h2.box-80 a{
display: block;
background: #fff;
width: 90%;
margin: auto;
font-size: 1.21rem !important;
}
.news.box-full h2.box-80 a::after{
width:100%;
}
.home-tx p {
font-size: 1.23rem;
line-height: 1.3;
}
.tx-h1 {
font-size: 1.8em;
}
.parallax1 h2 {
font-size: 1.314em;
}
.nx-home-services {
margin: 0;
}
.home-cover .mycovertext {
margin-top: -250px;
}
}  @media (max-width: 900px){
.nx-home-services .nx-home-grid{
display: grid !important;
grid-template-columns: 1fr !important;
gap: 22px !important; }
.nx-icon img {
width: 255px;
}
.nx-home-services .nx-home-card{
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0;
}
.nx-home-services {
padding: 0;
}
}