.wp-block-group.section-header {
text-align: center;
margin-bottom: 36px;
}
.wp-block-group.section-header .label {
display: inline-block;
font-size: var(--tsnw-label);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.2px;
color: var(--tsnw-blue);
margin-bottom: 8px;
}
.wp-block-group.section-header h2 {
margin-bottom: 8px;
}
.wp-block-group.section-header > p:not(.label) {
color: var(--tsnw-text-mid);
max-width: 560px;
margin-left: auto;
margin-right: auto;
}  .wp-block-button.btn-yellow .wp-block-button__link {
background: var(--tsnw-yellow);
color: var(--tsnw-text-dark);
font-weight: var(--tsnw-btn-weight);
font-size: var(--tsnw-btn-size);
padding: 13px 32px;
border-radius: var(--tsnw-radius-sm);
border: none;
transition: all 0.2s;
min-width: 160px;
text-align: center;
}
.wp-block-button.btn-yellow .wp-block-button__link:hover {
background: #e5a620;
transform: translateY(-1px);
box-shadow: var(--tsnw-shadow-yellow);
} .wp-block-button.btn-blue .wp-block-button__link {
background: var(--tsnw-blue);
color: var(--tsnw-text-on-color);
font-weight: var(--tsnw-btn-weight);
font-size: var(--tsnw-btn-size);
padding: 13px 32px;
border-radius: var(--tsnw-radius-sm);
border: none;
transition: all 0.2s;
min-width: 160px;
text-align: center;
}
.wp-block-button.btn-blue .wp-block-button__link:hover {
background: #009BBD;
transform: translateY(-1px);
box-shadow: var(--tsnw-shadow-blue);
} .wp-block-button.btn-outline .wp-block-button__link {
background: transparent;
border: 2px solid var(--tsnw-blue);
color: var(--tsnw-blue);
font-weight: 600;
font-size: var(--tsnw-body-sm);
padding: 11px 24px;
border-radius: var(--tsnw-radius-sm);
transition: all 0.2s;
min-width: 160px;
text-align: center;
}
.wp-block-button.btn-outline .wp-block-button__link:hover {
background: var(--tsnw-blue);
color: white;
transform: translateY(-1px);
box-shadow: var(--tsnw-shadow-blue);
} .wp-block-button.btn-link .wp-block-button__link {
background: transparent;
color: var(--tsnw-blue);
font-weight: 600;
font-size: var(--tsnw-body-sm);
padding: 0;
border: none;
border-radius: 0;
text-decoration: none;
min-width: auto;
}
.wp-block-button.btn-link .wp-block-button__link:hover {
text-decoration: underline;
color: #009BBD;
} .wp-block-group.courses-cta {
text-align: center;
margin-top: 32px;
}
.wp-block-group.courses-cta .wp-block-buttons {
justify-content: center;
} .badge {
display: inline-block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 3px 10px;
border-radius: 6px;
margin-bottom: 8px;
width: fit-content;
}
.badge-start { background: var(--tsnw-yellow-surface); color: #b58300; }
.badge-aufbau { background: var(--tsnw-blue-surface); color: #007a96; }
.badge-spezial { background: var(--tsnw-green-surface); color: #1f7a72; }
.badge-profi { background: var(--tsnw-green-surface); color: #1a6b5e; } .wp-block-group.icon-blue { background: var(--tsnw-blue-surface); color: var(--tsnw-blue); }
.wp-block-group.icon-green { background: var(--tsnw-green-surface); color: var(--tsnw-green); }
.wp-block-group.icon-yellow { background: var(--tsnw-yellow-surface); color: #b58300; } .wp-block-group.gradient-yellow { background: linear-gradient(135deg, var(--tsnw-yellow) 0%, #FFD970 100%); }
.wp-block-group.gradient-blue { background: linear-gradient(135deg, var(--tsnw-blue) 0%, var(--tsnw-blue-light) 100%); }
.wp-block-group.gradient-green { background: linear-gradient(135deg, var(--tsnw-green) 0%, var(--tsnw-green-light) 100%); }
.wp-block-group.gradient-dark { background: linear-gradient(135deg, var(--tsnw-text-dark) 0%, var(--tsnw-text-mid) 100%); }
.wp-block-group.gradient-blue-green { background: linear-gradient(135deg, var(--tsnw-blue) 0%, var(--tsnw-green) 100%); }
.wp-block-group.gradient-green-yellow { background: linear-gradient(135deg, var(--tsnw-green) 0%, var(--tsnw-yellow) 100%); }  .wp-block-button__link,
.wp-element-button {
border-radius: var(--tsnw-radius-sm);
} .wp-block-buttons {
gap: 12px;
} .wp-block-group.alignfull > .wp-block-group:not(.alignfull) {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}  .wp-block-group.section-header.is-layout-flow > * + * {
margin-block-start: 8px;
} .wp-block-group.course-card-body.is-layout-flow > * + * {
margin-block-start: 6px;
}
.wp-block-group.team-card-body.is-layout-flow > * + * {
margin-block-start: 6px;
} .wp-block-group.price-line.is-layout-flow > * + * {
margin-block-start: 0;
} .wp-block-group.date-badge.is-layout-flow > * + * {
margin-block-start: 0;
} .wp-block-group.event-meta.is-layout-flow > * + * {
margin-block-start: 0;
} .wp-block-group.lake-card-icon.is-layout-flow > * + *,
.wp-block-group.live-card-icon.is-layout-flow > * + *,
.wp-block-group.course-card-img.is-layout-flow > * + *,
.wp-block-group.team-card-img.is-layout-flow > * + * {
margin-block-start: 0;
} .entry-content > .wp-block-group.alignfull + .wp-block-group.alignfull {
margin-block-start: 0;
} .wp-block-group.hero-slider-content.is-layout-flow > * + * {
margin-block-start: 16px;
} .tsnw-bg-cyan, .is-style-tsnw-bg-cyan { background-color:#E5F7FC !important; color:#1B3A4B !important; border-color:#8FDFF0; }
.tsnw-bg-cyan h1, .tsnw-bg-cyan h2, .tsnw-bg-cyan h3, .tsnw-bg-cyan h4, .tsnw-bg-cyan h5, .tsnw-bg-cyan h6,
.is-style-tsnw-bg-cyan h1, .is-style-tsnw-bg-cyan h2, .is-style-tsnw-bg-cyan h3, .is-style-tsnw-bg-cyan h4, .is-style-tsnw-bg-cyan h5, .is-style-tsnw-bg-cyan h6 { color:#00B6DE !important; }
.tsnw-bg-mint, .is-style-tsnw-bg-mint { background-color:#E8F7F4 !important; color:#1B3A4B !important; border-color:#7DD4CA; }
.tsnw-bg-mint h1, .tsnw-bg-mint h2, .tsnw-bg-mint h3, .tsnw-bg-mint h4, .tsnw-bg-mint h5, .tsnw-bg-mint h6,
.is-style-tsnw-bg-mint h1, .is-style-tsnw-bg-mint h2, .is-style-tsnw-bg-mint h3, .is-style-tsnw-bg-mint h4, .is-style-tsnw-bg-mint h5, .is-style-tsnw-bg-mint h6 { color:#35BDB2 !important; }
.tsnw-bg-gold, .is-style-tsnw-bg-gold { background-color:#FFF8E6 !important; color:#1B3A4B !important; border-color:#FFE293; }
.tsnw-bg-gold h1, .tsnw-bg-gold h2, .tsnw-bg-gold h3, .tsnw-bg-gold h4, .tsnw-bg-gold h5, .tsnw-bg-gold h6,
.is-style-tsnw-bg-gold h1, .is-style-tsnw-bg-gold h2, .is-style-tsnw-bg-gold h3, .is-style-tsnw-bg-gold h4, .is-style-tsnw-bg-gold h5, .is-style-tsnw-bg-gold h6 { color:#c48c00 !important; }
.tsnw-bg-light, .is-style-tsnw-bg-light { background-color:#F6FAFB !important; color:#1B3A4B !important; border-color:#D0E4EB; }
.tsnw-bg-light h1, .tsnw-bg-light h2, .tsnw-bg-light h3, .tsnw-bg-light h4, .tsnw-bg-light h5, .tsnw-bg-light h6,
.is-style-tsnw-bg-light h1, .is-style-tsnw-bg-light h2, .is-style-tsnw-bg-light h3, .is-style-tsnw-bg-light h4, .is-style-tsnw-bg-light h5, .is-style-tsnw-bg-light h6 { color:#00B6DE !important; }
.tsnw-bg-white, .is-style-tsnw-bg-white { background-color:#FFFFFF !important; color:#1B3A4B !important; border-color:#D0E4EB; }
.tsnw-bg-white h1, .tsnw-bg-white h2, .tsnw-bg-white h3, .tsnw-bg-white h4, .tsnw-bg-white h5, .tsnw-bg-white h6,
.is-style-tsnw-bg-white h1, .is-style-tsnw-bg-white h2, .is-style-tsnw-bg-white h3, .is-style-tsnw-bg-white h4, .is-style-tsnw-bg-white h5, .is-style-tsnw-bg-white h6 { color:#00B6DE !important; }
.tsnw-bg-blue, .is-style-tsnw-bg-blue { background-color:#00B6DE !important; color:#FFFFFF !important; border-color:#00B6DE; }
.tsnw-bg-blue h1, .tsnw-bg-blue h2, .tsnw-bg-blue h3, .tsnw-bg-blue h4, .tsnw-bg-blue h5, .tsnw-bg-blue h6,
.is-style-tsnw-bg-blue h1, .is-style-tsnw-bg-blue h2, .is-style-tsnw-bg-blue h3, .is-style-tsnw-bg-blue h4, .is-style-tsnw-bg-blue h5, .is-style-tsnw-bg-blue h6 { color:#FDB924 !important; }
.tsnw-bg-deep, .is-style-tsnw-bg-deep { background-color:#1B3A4B !important; color:#FFFFFF !important; border-color:#1B3A4B; }
.tsnw-bg-deep h1, .tsnw-bg-deep h2, .tsnw-bg-deep h3, .tsnw-bg-deep h4, .tsnw-bg-deep h5, .tsnw-bg-deep h6,
.is-style-tsnw-bg-deep h1, .is-style-tsnw-bg-deep h2, .is-style-tsnw-bg-deep h3, .is-style-tsnw-bg-deep h4, .is-style-tsnw-bg-deep h5, .is-style-tsnw-bg-deep h6 { color:#FDB924 !important; }
.tsnw-bg-gold-solid, .is-style-tsnw-bg-gold-solid { background-color:#FDB924 !important; color:#1B3A4B !important; border-color:#FDB924; }
.tsnw-bg-gold-solid h1, .tsnw-bg-gold-solid h2, .tsnw-bg-gold-solid h3, .tsnw-bg-gold-solid h4, .tsnw-bg-gold-solid h5, .tsnw-bg-gold-solid h6,
.is-style-tsnw-bg-gold-solid h1, .is-style-tsnw-bg-gold-solid h2, .is-style-tsnw-bg-gold-solid h3, .is-style-tsnw-bg-gold-solid h4, .is-style-tsnw-bg-gold-solid h5, .is-style-tsnw-bg-gold-solid h6 { color:#1B3A4B !important; } .tsnw-card,
.is-style-tsnw-card {
border-radius: var(--tsnw-radius-md);
box-shadow: var(--tsnw-shadow);
padding: clamp(1.25rem, 3vw, 1.75rem);
transition: box-shadow .25s ease, transform .25s ease;
overflow: hidden;
}
.tsnw-card:hover,
.is-style-tsnw-card:hover {
box-shadow: var(--tsnw-shadow-lg);
transform: translateY(-2px);
} .tsnw-card figure.wp-block-image img,
.is-style-tsnw-card figure.wp-block-image img {
border-radius: var(--tsnw-radius-sm);
} .tsnw-dashboard-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 1rem;
margin: 1.5rem 0;
}
.tsnw-sensor-card {
background: #0a3d4a;
border-radius: 14px;
padding: 1.2rem 1.4rem;
min-height: 90px;
display: flex;
flex-direction: column;
justify-content: center;
transition: box-shadow 0.3s, border-color 0.3s;
border: 1px solid transparent;
}
.tsnw-sensor-card:hover {
box-shadow: 0 0 20px rgba(77,208,225,0.15);
border-color: rgba(77,208,225,0.25);
}
.tsnw-sensor-label {
font-size: 0.7rem;
letter-spacing: 0.08em;
color: #4dd0e1;
text-transform: uppercase;
margin-bottom: 0.4rem;
font-weight: 600;
}
.tsnw-live-value {
transition: opacity 0.3s;
}
.tsnw-sensor-card .tsnw-live-value {
font-size: 1.15rem;
font-weight: 700;
color: #1abc9c;
min-height: 1.5em;
}
@keyframe .fi-blue   { background: #E5F7FC; color: #00B6DE; }
.fi-green  { background: #E8F7F4; color: #35BDB2; }
.fi-yellow { background: #FFF8E6; color: #c48c00; }
.fi-slate  { background: #EDF3F7; color: #5A8BA8; }
.fi-sage   { background: #EDF5EB; color: #7A8B5A; }
.fi-coral  { background: #F5EBE7; color: #B07A68; } .section-kosten,
.section-faq,
.section-related,
.section-cta { }
.section-kosten { padding-block: 48px; }
.section-faq    { padding-block: 48px; }
.section-related { padding-block: 48px; }
.section-cta    { padding-block: 48px; }  .wp-block-cover.section-hero {
text-align: center;
position: relative;
overflow: hidden;
}
.wp-block-cover.section-hero img.wp-block-cover__image-background {
object-fit: cover;
}
.wp-block-cover.section-hero .wp-block-cover__background {
opacity: 0.05 !important;
}
.wp-block-cover.section-hero .wp-block-cover__inner-container {
position: relative;
z-index: 2;
text-align: center;
}
.wp-block-cover.section-hero h1 {
color: #ffffff !important;
text-shadow: 0 2px 12px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.3);
font-size: 40px;
font-weight: 700;
line-height: 1.15;
margin-bottom: 10px;
}
.wp-block-cover.section-hero .wp-block-cover__inner-container > p:not(.section-badge) {
color: rgba(255,255,255,0.95) !important;
text-shadow: 0 1px 8px rgba(0,0,0,0.4);
font-size: 18px;
max-width: 560px;
margin-left: auto;
margin-right: auto;
margin-bottom: 26px;
line-height: 1.6;
font-weight: 400;
}
.wp-block-cover.section-hero .section-badge {
display: block;
width: fit-content;
margin-left: auto;
margin-right: auto;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 5px 14px;
border-radius: 20px;
margin-bottom: 14px;
}
.wp-block-cover.section-hero .wp-block-buttons {
justify-content: center;
} .wp-block-group.section-facts {
border-top-color: var(--wp--preset--color--tsnw-surface-border, #C7B3D6) !important;
border-bottom-color: var(--wp--preset--color--tsnw-surface-border, #C7B3D6) !important;
}
.wp-block-group.section-facts-item {
background: var(--wp--preset--color--tsnw-white, #fff) !important;
border-radius: 8px;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
} .wp-block-group.section-intro .intro-hook {
font-size: 18px;
font-weight: 600;
color: var(--wp--preset--color--tsnw-accent-strong, #7A5B95);
margin-top: 8px;
}
.wp-block-group.section-intro .intro-image-placeholder {
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
} .wp-block-group.section-highlights .section-sub {
text-align: center;
color: var(--wp--preset--color--tsnw-text-mid, #3D6478);
font-size: 16px;
max-width: 600px;
margin: 0 auto 26px;
}
.wp-block-group.section-highlight-card {
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
transition: all 0.2s;
}
.wp-block-group.section-highlight-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 32px rgba(0,0,0,0.12);
border-color: var(--wp--preset--color--tsnw-accent, #A98FBD) !important;
}
.wp-block-group.section-highlight-card h4,
.wp-block-group.section-highlight-card h3 { margin-bottom: 8px; }
.wp-block-group.section-highlight-card p {
font-size: 14px;
line-height: 1.6;
} .wp-block-group.section-usp {
position: relative;
overflow: hidden;
}
.wp-block-group.section-usp > h3,
.wp-block-group.section-usp > h2 {
text-align: center;
margin-bottom: 32px;
}
.wp-block-group.section-usp-card {
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
transition: all 0.2s;
}
.wp-block-group.section-usp-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 32px rgba(0,0,0,0.12);
border-color: var(--wp--preset--color--tsnw-accent, #A98FBD) !important;
}
.wp-block-group.section-usp-card h4 { margin-bottom: 10px; }
.wp-block-group.section-usp-card p { line-height: 1.6; } .wp-block-group.section-highlights .wp-block-columns,
.wp-block-group.section-usp .wp-block-columns {
display: flex;
align-items: stretch;
}
.wp-block-group.section-highlights .wp-block-column,
.wp-block-group.section-usp .wp-block-column {
display: flex;
flex-direction: column;
}
.wp-block-group.section-highlights .wp-block-column > .wp-block-group,
.wp-block-group.section-usp .wp-block-column > .wp-block-group {
flex: 1;
display: flex;
flex-direction: column;
} .section-gradient-accent {
background: linear-gradient(135deg,
var(--wp--preset--color--tsnw-accent, #A98FBD) 0%,
var(--wp--preset--color--tsnw-accent-strong, #7A5B95) 100%) !important;
}
.section-gradient-soft {
background: linear-gradient(135deg,
var(--wp--preset--color--tsnw-accent-soft, #EDE5F4) 0%,
var(--wp--preset--color--tsnw-surface, #F5F0F9) 100%) !important;
}
.section-gradient-soft-tri {
background: linear-gradient(135deg,
var(--wp--preset--color--tsnw-accent-soft, #EDE5F4) 0%,
var(--wp--preset--color--tsnw-surface, #F5F0F9) 50%,
var(--wp--preset--color--tsnw-accent-soft, #EDE5F4) 100%) !important;
}
.section-gradient-soft-vert {
background: linear-gradient(to bottom,
var(--wp--preset--color--tsnw-accent-soft, #EDE5F4),
var(--wp--preset--color--tsnw-surface, #F5F0F9)) !important;
}  .wp-block-group.section-highlight-card,
.wp-block-group.section-usp-card,
.wp-block-group.section-facts-item {
border-color: var(--wp--preset--color--tsnw-surface-border, #C7B3D6) !important;
} .wp-block-heading:where(h3,h4):not([class*="has-text-color"]):not(.has-tsnw-accent-strong-color) {
color: var(--wp--preset--color--tsnw-accent-strong, #C4900A) !important;
}  .wp-block-group.kontakt-form-card ,  .wp-block-group.section-form-card {
background: #ffffff !important;
border-radius: 16px;
box-shadow: 0 2px 16px rgba(0,0,0,0.06);
padding: 32px !important;
}
.wp-block-group.kontakt-form-card > h3,
.wp-block-group.section-form-card > h3,
.wp-block-group.kontakt-form-card > .wp-block-heading ,
.wp-block-group.section-form-card > .wp-block-heading {
margin-top: 0;
margin-bottom: 8px;
} .wp-block-group.kontakt-form-card label , .wp-block-group.section-form-card label {
display: block;
font-size: 14px;
font-weight: 600;
color: var(--tsnw-text-dark, #1B3A4B);
margin-bottom: 6px;
margin-top: 14px;
}
.wp-block-group.kontakt-form-card form > p:first-of-type label,
.wp-block-group.section-form-card form > p:first-of-type label,
.wp-block-group.kontakt-form-card .wpcf7-form > label:first-child,
.wp-block-group.section-form-card .wpcf7-form > label:first-child,
.wp-block-group.kontakt-form-card > h3 + form label:first-of-type ,
.wp-block-group.section-form-card > h3 + form label:first-of-type {
margin-top: 0;
} .wp-block-group.kontakt-form-card input[type="text"], .wp-block-group.section-form-card input[type="text"],
.wp-block-group.kontakt-form-card input[type="email"],
.wp-block-group.section-form-card input[type="email"],
.wp-block-group.kontakt-form-card input[type="tel"],
.wp-block-group.section-form-card input[type="tel"],
.wp-block-group.kontakt-form-card input[type="number"],
.wp-block-group.section-form-card input[type="number"],
.wp-block-group.kontakt-form-card input[type="url"],
.wp-block-group.section-form-card input[type="url"],
.wp-block-group.kontakt-form-card input[type="date"],
.wp-block-group.section-form-card input[type="date"],
.wp-block-group.kontakt-form-card input[type="file"],
.wp-block-group.section-form-card input[type="file"],
.wp-block-group.kontakt-form-card select,
.wp-block-group.section-form-card select,
.wp-block-group.kontakt-form-card textarea ,
.wp-block-group.section-form-card textarea {
width: 100%;
padding: 10px 14px;
border: 1px solid #D0E4EB;
border-radius: 8px;
font-size: 15px;
font-family: inherit;
color: var(--tsnw-text-dark, #1B3A4B);
transition: border-color 0.2s, box-shadow 0.2s;
box-sizing: border-box;
background: #ffffff;
}
.wp-block-group.kontakt-form-card input[type="file"] ,
.wp-block-group.section-form-card input[type="file"] {
padding: 8px 10px;
cursor: pointer;
}
.wp-block-group.kontakt-form-card input:focus,
.wp-block-group.section-form-card input:focus,
.wp-block-group.kontakt-form-card select:focus,
.wp-block-group.section-form-card select:focus,
.wp-block-group.kontakt-form-card textarea:focus ,
.wp-block-group.section-form-card textarea:focus {
outline: none;
border-color: var(--wp--preset--color--tsnw-accent, #00B6DE);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--tsnw-accent, #00B6DE) 18%, transparent);
}
.wp-block-group.kontakt-form-card textarea ,
.wp-block-group.section-form-card textarea {
min-height: 110px;
resize: vertical;
} .wp-block-group.kontakt-form-card .wpcf7-form-control.wpcf7-radio, .wp-block-group.section-form-card .wpcf7-form-control.wpcf7-radio,
.wp-block-group.kontakt-form-card .wpcf7-form-control.wpcf7-checkbox,
.wp-block-group.section-form-card .wpcf7-form-control.wpcf7-checkbox,
.wp-block-group.kontakt-form-card .wpcf7-form-control.wpcf7-acceptance ,
.wp-block-group.section-form-card .wpcf7-form-control.wpcf7-acceptance {
display: block;
margin-top: 4px;
}
.wp-block-group.kontakt-form-card .wpcf7-list-item ,
.wp-block-group.section-form-card .wpcf7-list-item {
display: block;
margin: 6px 0;
font-size: 14px;
color: var(--tsnw-text-mid, #3D6478);
}
.wp-block-group.kontakt-form-card .wpcf7-list-item label ,
.wp-block-group.section-form-card .wpcf7-list-item label {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
font-weight: 400;
color: inherit;
cursor: pointer;
}
.wp-block-group.kontakt-form-card .wpcf7-list-item input[type="radio"],
.wp-block-group.section-form-card .wpcf7-list-item input[type="radio"],
.wp-block-group.kontakt-form-card .wpcf7-list-item input[type="checkbox"] ,
.wp-block-group.section-form-card .wpcf7-list-item input[type="checkbox"] {
width: auto;
padding: 0;
margin: 0;
accent-color: var(--wp--preset--color--tsnw-accent, #00B6DE);
}
.wp-block-group.kontakt-form-card .wpcf7-list-item-label ,
.wp-block-group.section-form-card .wpcf7-list-item-label {
margin-left: 0;
} .wp-block-group.kontakt-form-card .wpcf7-acceptance , .wp-block-group.section-form-card .wpcf7-acceptance {
margin-top: 16px;
}
.wp-block-group.kontakt-form-card .wpcf7-acceptance .wpcf7-list-item ,
.wp-block-group.section-form-card .wpcf7-acceptance .wpcf7-list-item {
margin: 8px 0;
}
.wp-block-group.kontakt-form-card .wpcf7-acceptance a ,
.wp-block-group.section-form-card .wpcf7-acceptance a {
color: var(--wp--preset--color--tsnw-accent, #00B6DE);
font-weight: 600;
text-decoration: underline;
} .wp-block-group.kontakt-form-card input[type="submit"], .wp-block-group.section-form-card input[type="submit"],
.wp-block-group.kontakt-form-card .wpcf7-submit ,
.wp-block-group.section-form-card .wpcf7-submit {
background: var(--wp--preset--color--tsnw-accent, #00B6DE);
color: var(--wp--preset--color--tsnw-on-accent, #ffffff);
padding: 12px 28px;
border: none;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: opacity 0.2s, transform 0.1s, box-shadow 0.2s;
margin-top: 24px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.wp-block-group.kontakt-form-card input[type="submit"]:hover,
.wp-block-group.section-form-card input[type="submit"]:hover,
.wp-block-group.kontakt-form-card .wpcf7-submit:hover ,
.wp-block-group.section-form-card .wpcf7-submit:hover {
opacity: 0.92;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
} .wp-block-group.kontakt-form-card .wpcf7-not-valid , .wp-block-group.section-form-card .wpcf7-not-valid {
border-color: var(--tsnw-red, #E6413F) !important;
}
.wp-block-group.kontakt-form-card .wpcf7-not-valid-tip ,
.wp-block-group.section-form-card .wpcf7-not-valid-tip {
color: var(--tsnw-red, #E6413F);
font-size: 13px;
margin-top: 4px;
display: block;
}
.wp-block-group.kontakt-form-card .wpcf7-response-output ,
.wp-block-group.section-form-card .wpcf7-response-output {
border-radius: 8px;
padding: 12px 14px;
margin-top: 20px;
font-size: 14px;
border-width: 1px;
border-style: solid;
} .wp-block-group.kontakt-sidebar h3 , .wp-block-group.section-sidebar h3 {
color: var(--tsnw-text-dark, #1B3A4B);
font-size: 20px;
font-weight: 700;
margin-bottom: 16px;
margin-top: 0;
} .wp-block-group.kontakt-direct-btn , .wp-block-group.section-direct-btn {
display: flex !important;
align-items: center;
gap: 14px;
padding: 14px 18px !important;
background: #ffffff !important;
border: 1px solid #D0E4EB !important;
border-radius: 12px !important;
transition: border-color 0.2s, box-shadow 0.2s, transform 0.1s;
}
.wp-block-group.kontakt-direct-btn:hover ,
.wp-block-group.section-direct-btn:hover {
border-color: var(--wp--preset--color--tsnw-accent, #00B6DE) !important;
box-shadow: 0 4px 16px color-mix(in srgb, var(--wp--preset--color--tsnw-accent, #00B6DE) 18%, transparent);
transform: translateY(-1px);
}
.wp-block-group.kontakt-direct-btn > p:first-child ,
.wp-block-group.section-direct-btn > p:first-child {
font-size: 20px !important;
margin: 0;
flex-shrink: 0;
width: 36px;
text-align: center;
}
.wp-block-group.kontakt-direct-btn > p:last-child ,
.wp-block-group.section-direct-btn > p:last-child {
margin: 0;
font-size: 14px;
line-height: 1.4;
}
.wp-block-group.kontakt-direct-btn strong ,
.wp-block-group.section-direct-btn strong {
color: var(--tsnw-text-dark, #1B3A4B);
font-weight: 700;
}  .wpcf7-form.sent > p,
.wpcf7-form.sent > label,
.wpcf7-form.sent > h3,
.wpcf7-form.sent > h4,
.wpcf7-form.sent > br,
.wpcf7-form.sent > input,
.wpcf7-form.sent > fieldset,
.wpcf7-form.sent > div:not(.wpcf7-response-output) {
display: none !important;
} .wpcf7-form.sent .wpcf7-response-output,
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
border: 2px solid #4CAF50 !important;
background: #F1F8E9 !important;
color: #2E7D32 !important;
padding: 24px 28px !important;
border-radius: 12px !important;
font-size: 16px !important;
text-align: center;
margin: 0 !important;
font-weight: 500;
line-height: 1.5;
} .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-form .wpcf7-response-output.wpcf7-acceptance-missing,
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ng,
.wpcf7-form .wpcf7-response-output.wpcf7-spam-blocked {
border-color: var(--tsnw-red, #E6413F) !important;
background: #FDECEA !important;
color: var(--tsnw-red, #E6413F) !important;
}  .tsnw-closure-banner {
position: sticky;
top: 0;
z-index: 9999;
width: 100%;
transition: transform 0.28s ease, opacity 0.28s ease;
font-size: 15px;
line-height: 1.4;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.tsnw-closure-banner__inner {
max-width: 1200px;
margin: 0 auto;
padding: 12px 48px 12px 20px;
display: flex;
align-items: center;
gap: 12px;
position: relative;
}
.tsnw-closure-banner__icon {
font-size: 22px;
flex-shrink: 0;
}
.tsnw-closure-banner__text {
flex: 1;
color: inherit;
}
.tsnw-closure-banner__text a {
color: inherit;
text-decoration: underline;
font-weight: 600;
}
.tsnw-closure-banner__close {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: none;
color: inherit;
font-size: 24px;
line-height: 1;
cursor: pointer;
padding: 4px 8px;
border-radius: 4px;
opacity: 0.7;
transition: opacity 0.15s, background 0.15s;
}
.tsnw-closure-banner__close:hover {
opacity: 1;
background: rgba(0,0,0,0.08);
}
@media (max-width: 640px) {
.tsnw-closure-banner {
font-size: 14px;
}
.tsnw-closure-banner__inner {
padding: 10px 44px 10px 14px;
gap: 8px;
}
.tsnw-closure-banner__icon {
font-size: 18px;
}
}  .wp-block-cover.section-hero.is-light .wp-block-button.is-style-outline .wp-block-button__link {
background-color: rgba(255, 255, 255, 0.88) !important;
color: var(--tsnw-text-dark, #1B3A4B) !important;
border-color: #ffffff !important;
text-shadow: none !important;
}
.wp-block-cover.section-hero.is-light .wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-cover.section-hero.is-light .wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
background-color: #ffffff !important;
color: var(--tsnw-text-dark, #1B3A4B) !important;
}