/*
=============================================================================
Newsletter form styles - base module plus teaser modifier

Styles for the HubSpot newsletter form inside .newsletter-form widgets:
part 1 is the base (form box, fields, interest lists, select-all, consent,
collapsed state), part 2 the modifier .newsletter-form--teaser (transparent
form on a light container, personal fields in one row, interests after the
first keystroke). Order matters: the modifier must follow the base. Enqueued
by the HubSpot Form widget only on pages that use it in newsletter mode;
pairs with assets/js/newsletter-form.js.
=============================================================================

@copyright   2026 STC Computerservice Tobias & Co. KG
@license     PROPRIETARY - No use, reproduction, or distribution without express written permission.

@created     2026-10-27
@modified    2026-10-27
@source      wordpress/plugins/wwww.detecon.com/assets/css/newsletter-form.css
@github      wordpress/plugins/wwww.detecon.com/assets/css/newsletter-form.css
@revision    1.0.0

REVISION HISTORY:
-----------------
2026-10-27 v1.0.0 - Initial: newsletter-form-page.css 1.1.0 and
                    newsletter-form-teaser.css 2.0.1 merged into one file,
                    served by the plugin instead of Elementor custom CSS

=============================================================================
*/
 .newsletter-form .hs-form{--nf-accent:#e20074;--nf-accent-hover:#c2005f;--nf-text:#262933;--nf-muted:#5e6d8a;--nf-surface:#f2f5ff;--nf-line:#7f8bae;--nf-line-soft:#d1dcff;--nf-error:#c20d00;--nf-pad:48px;--nf-gap:32px;--nf-box:24px;box-sizing:border-box;max-width:100%;margin:0;padding:var(--nf-pad);background:var(--nf-surface);color:var(--nf-text);font-family:"TeleNeo","Helvetica Neue",Arial,sans-serif;font-size:18px;font-weight:500;line-height:1.55}.newsletter-form .hs-form *,.newsletter-form .hs-form *::before,.newsletter-form .hs-form *::after{box-sizing:inherit}.newsletter-form .hs-form fieldset{max-width:none!important;min-width:0;margin:0;padding:0;border:0}.newsletter-form .hs-form .hs-richtext{margin:8px 0 20px;color:var(--nf-accent);font-size:20px;font-style:italic;font-weight:500;line-height:1.2}.newsletter-form .hs-form .hs-richtext strong,.newsletter-form .hs-form .hs-richtext b,.newsletter-form .hs-form .hs-richtext span{font-style:inherit;font-weight:inherit}.newsletter-form .hs-form fieldset:first-child .hs-richtext{margin-top:0}.newsletter-form .hs-form .hs-richtext p{margin:0}.newsletter-form .hs-form .hs-form-field{margin:0 0 var(--nf-gap)!important;padding:0}.newsletter-form .hs-form .hs_firstname,.newsletter-form .hs-form .hs_lastname,.newsletter-form .hs-form .hs_email,.newsletter-form .hs-form .hs_firstname>div,.newsletter-form .hs-form .hs_lastname>div{margin-top:0!important;margin-right:0!important;margin-left:0!important}.newsletter-form .hs-form .hs-form-field>label{display:block;margin:0 0 8px;color:var(--nf-text);font-size:20px;font-weight:500;line-height:1.4}.newsletter-form .hs-form .hs-form-required{margin-left:2px;color:var(--nf-accent)}.newsletter-form .hs-form legend.hs-field-desc{display:block;margin:0 0 16px;padding:0;color:var(--nf-muted);font-size:16px;font-weight:500;line-height:1.5}.newsletter-form .hs-form fieldset.form-columns-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.newsletter-form .hs-form fieldset.form-columns-2>.hs-form-field{width:auto!important;float:none!important;flex:none!important}.newsletter-form .hs-form input[type="text"],.newsletter-form .hs-form input[type="email"],.newsletter-form .hs-form input[type="tel"],.newsletter-form .hs-form input[type="number"],.newsletter-form .hs-form select,.newsletter-form .hs-form textarea{display:block;width:100%!important;min-height:60px;margin:0;padding:16px 20px!important;color:var(--nf-text);background:#fff;border:1px solid var(--nf-line)!important;border-radius:0;box-shadow:none;font:inherit;font-size:18px!important;font-weight:400!important;line-height:1.4;-webkit-appearance:none;appearance:none;transition:border-color 0.15s ease,box-shadow 0.15s ease}.newsletter-form .hs-form textarea{min-height:140px;resize:vertical}.newsletter-form .hs-form input:focus,.newsletter-form .hs-form select:focus,.newsletter-form .hs-form textarea:focus{outline:none;border-color:var(--nf-accent)!important;box-shadow:0 0 0 3px rgb(226 0 116 / .2)}.newsletter-form .hs-form input.invalid,.newsletter-form .hs-form input.error{border-color:var(--nf-error)!important}.newsletter-form .hs-form ul.inputs-list{list-style:none;margin:0;padding:0}.newsletter-form .hs-form ul.inputs-list>li{list-style:none;margin:0 0 16px;padding:0}.newsletter-form .hs-form ul.inputs-list>li:last-child{margin-bottom:0}@media (min-width:768px){.newsletter-form .hs-form fieldset.dtc-pref ul.inputs-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.newsletter-form .hs-form fieldset.dtc-pref ul.inputs-list>li{margin:0}}.newsletter-form .hs-form .hs-form-checkbox-display,.newsletter-form .hs-form .hs-form-booleancheckbox-display,.newsletter-form .hs-form .dtc-select-all{display:flex!important;align-items:flex-start;gap:16px;margin:0!important;color:var(--nf-text);cursor:pointer;font-size:18px!important;font-weight:500!important;line-height:1.4!important}.newsletter-form .hs-form .hs-form-checkbox-display>span,.newsletter-form .hs-form .hs-form-booleancheckbox-display>span{margin:0;padding-top:1px}.newsletter-form .hs-form input[type="checkbox"]{flex:0 0 var(--nf-box);width:var(--nf-box)!important;height:var(--nf-box);min-height:0;margin:0;padding:0!important;background:#fff center / 16px 16px no-repeat;border:1px solid var(--nf-line)!important;border-radius:0;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color 0.15s ease,border-color 0.15s ease}.newsletter-form .hs-form input[type="checkbox"]:checked{background-color:var(--nf-accent);border-color:var(--nf-accent)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E")}.newsletter-form .hs-form input[type="checkbox"]:indeterminate{background-color:var(--nf-accent);border-color:var(--nf-accent)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-width='2.2' stroke-linecap='round' d='M4 8h8'/%3E%3C/svg%3E")}.newsletter-form .hs-form input[type="checkbox"]:focus-visible{outline:3px solid var(--nf-accent);outline-offset:2px;box-shadow:none}.newsletter-form .hs-form .dtc-select-all{margin:0 0 16px!important;padding:0 0 16px;border-bottom:1px solid var(--nf-line-soft)}.newsletter-form .hs-form .dtc-select-all label{margin:0;padding-top:1px;cursor:pointer;font-weight:inherit;line-height:1.4}.newsletter-form .hs-form .dtc-theme-description{margin:4px 0 0 calc(var(--nf-box) + 16px);color:var(--nf-muted);font-size:15px;font-weight:400;line-height:1.5}.newsletter-form .hs-form .legal-consent-container{margin:0 0 24px;color:var(--nf-text);font-size:16px;line-height:1.55}.newsletter-form .hs-form .legal-consent-container .hs-form-field{margin-bottom:16px!important}.newsletter-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display,.newsletter-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display span,.newsletter-form .hs-form .legal-consent-container .hs-form-booleancheckbox-display p{font-size:16px!important;font-weight:400!important;line-height:1.55!important}.newsletter-form .hs-form .legal-consent-container p{margin:0!important}.newsletter-form .hs-form .legal-consent-container a{color:var(--nf-accent);font-size:inherit!important;font-weight:inherit!important;text-decoration:underline;text-underline-offset:2px}.newsletter-form .hs-form .hs_submit{margin:8px 0 0}.newsletter-form .hs-form .hs-button{display:block;width:100%!important;min-height:60px;margin:0;padding:18px 32px!important;color:#fff;background:var(--nf-accent);border:0!important;border-radius:999px;cursor:pointer;font-family:inherit;font-size:20px!important;font-weight:500!important;line-height:1.2;transition:background-color 0.15s ease}.newsletter-form .hs-form .hs-button:hover,.newsletter-form .hs-form .hs-button:focus-visible{background:var(--nf-accent-hover)}.newsletter-form .hs-form .hs-button:focus-visible{outline:3px solid var(--nf-accent-hover);outline-offset:3px}.newsletter-form .hs-form .hs-error-msgs{list-style:none;margin:8px 0 0;padding:0}.newsletter-form .hs-form .hs-error-msg,.newsletter-form .hs-form .hs-error-msgs label{color:var(--nf-error)!important;font-size:15px;font-weight:500}@media (max-width:767px){.newsletter-form .hs-form{--nf-pad:24px;--nf-gap:24px;font-size:16px}.newsletter-form .hs-form fieldset.form-columns-2{grid-template-columns:minmax(0,1fr)}.newsletter-form .hs-form .hs-richtext,.newsletter-form .hs-form .hs-form-field>label{font-size:18px}.newsletter-form .hs-form .hs-form-checkbox-display,.newsletter-form .hs-form .dtc-select-all{font-size:16px!important}.newsletter-form .hs-form input[type="text"],.newsletter-form .hs-form input[type="email"],.newsletter-form .hs-form input[type="tel"]{min-height:54px;padding:14px 16px!important;font-size:16px!important}.newsletter-form .hs-form .hs-button{min-height:56px;font-size:18px!important}}@media (forced-colors:active){.newsletter-form .hs-form input[type="checkbox"]{-webkit-appearance:auto;appearance:auto;background-image:none}}.newsletter-form:is([data-dtc-expanded="0"],[data-dtc-expanded]:not([data-dtc-ready])) .hs-form fieldset.dtc-pref,.newsletter-form:is([data-dtc-expanded="0"],[data-dtc-expanded]:not([data-dtc-ready])) .hs-form fieldset:has(input[name="dtc_interest_industries"]),.newsletter-form:is([data-dtc-expanded="0"],[data-dtc-expanded]:not([data-dtc-ready])) .hs-form fieldset:has(input[name="dtc_interest_themes"]),.newsletter-form:is([data-dtc-expanded="0"],[data-dtc-expanded]:not([data-dtc-ready])) .hs-form fieldset:has(+fieldset input[name="dtc_interest_industries"]),.newsletter-form:is([data-dtc-expanded="0"],[data-dtc-expanded]:not([data-dtc-ready])) .hs-form fieldset:has(+fieldset input[name="dtc_interest_themes"]){display:none!important}.newsletter-form--teaser .hs-form{--nf-surface:transparent;--nf-pad:0px;--nf-gap:20px;--nf-box:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:0;font-size:16px}.newsletter-form--teaser .hs-form>fieldset{grid-column:1 / -1}.newsletter-form--teaser .hs-form>fieldset.form-columns-2{grid-column:span 2;column-gap:20px}.newsletter-form--teaser .hs-form>fieldset:has(.hs_email){grid-column:span 1}.newsletter-form--teaser .hs-form .hs_firstname,.newsletter-form--teaser .hs-form .hs_lastname,.newsletter-form--teaser .hs-form .hs_email{margin-bottom:0!important}.newsletter-form--teaser .hs-form>fieldset:has(.hs-richtext):not(.dtc-pref):not(:has(input,select,textarea)){display:none!important}.newsletter-form--teaser .hs-form .hs-form-field>label{margin-bottom:8px;color:var(--nf-muted);font-size:15px;font-weight:400}.newsletter-form--teaser .hs-form input:focus{box-shadow:0 0 0 3px rgb(226 0 116 / .35)}.newsletter-form--teaser .hs-form>fieldset.dtc-pref:has(.hs-richtext){margin-top:36px}.newsletter-form--teaser .hs-form .hs-richtext{margin:0 0 14px;font-size:18px}.newsletter-form--teaser .hs-form fieldset.dtc-pref ul.inputs-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.newsletter-form--teaser .hs-form fieldset.dtc-pref ul.inputs-list>li{margin:0}.newsletter-form--teaser .hs-form .hs-form-checkbox-display,.newsletter-form--teaser .hs-form .dtc-select-all{gap:14px;font-size:16px!important;font-weight:400!important}.newsletter-form--teaser .hs-form .dtc-select-all{margin-bottom:12px!important;padding-bottom:12px}.newsletter-form--teaser .hs-form .dtc-theme-description{color:var(--nf-muted);font-size:14px}.newsletter-form--teaser .hs-form .legal-consent-container{margin:28px 0 20px;font-size:14px}.newsletter-form--teaser .hs-form .legal-consent-container .hs-form-booleancheckbox-display,.newsletter-form--teaser .hs-form .legal-consent-container .hs-form-booleancheckbox-display span,.newsletter-form--teaser .hs-form .legal-consent-container .hs-form-booleancheckbox-display p{font-size:14px!important}.newsletter-form--teaser .hs-form .hs_submit{margin:0}.newsletter-form--teaser .hs-form .hs-button{display:inline-flex;align-items:center;width:auto!important;padding:0 40px!important;font-size:18px!important;font-weight:800!important}.newsletter-form--teaser:is([data-dtc-expanded="0"],[data-dtc-expanded]:not([data-dtc-ready])) .hs-form .legal-consent-container,.newsletter-form--teaser:is([data-dtc-expanded="0"],[data-dtc-expanded]:not([data-dtc-ready])) .hs-form .hs_submit{display:none!important}@media (max-width:1024px){.newsletter-form--teaser .hs-form{grid-template-columns:minmax(0,1fr);row-gap:20px}.newsletter-form--teaser .hs-form>fieldset.form-columns-2,.newsletter-form--teaser .hs-form>fieldset:has(.hs_email){grid-column:1 / -1}.newsletter-form--teaser .hs-form fieldset.dtc-pref ul.inputs-list{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.newsletter-form--teaser .hs-form>fieldset.form-columns-2{row-gap:20px}.newsletter-form--teaser .hs-form .hs-button{width:100%!important;justify-content:center}}