.sec--page-hero {
padding-top: 72px;
padding-bottom: 0;
}
.page-hero__title {
font-size: clamp(44px, 9vw, 80px) !important;
line-height: 1 !important;
font-weight: 800;
letter-spacing: -0.035em;
}
.page-hero__lead {
margin-top: 26px !important;
font-size: 20px;
line-height: 1.55;
max-width: 54ch;
}
.sec--page-body {
padding-top: 56px;
padding-bottom: 112px;
} .contact {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 56px;
}
.contact__main {
flex: 3 1 560px;
min-width: 0;
padding: 40px;
box-sizing: border-box;
background: var(--wp--preset--color--paper);
border: 3px solid var(--wp--preset--color--ink);
border-radius: 16px;
}
.contact__main > * {
margin-block: 0;
}
.contact__title {
font-size: 30px !important;
font-weight: 800;
}
.contact__intro {
margin-top: 8px !important;
font-size: 17px;
line-height: 1.55;
}
.book-frame {
margin-top: 24px;
}
.book-frame__open {
display: none;
}
.book-frame iframe {
display: block;
width: 100%;
height: 760px;
border: 0;
border-radius: 8px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.book-frame__fallback {
margin-top: 14px;
font-size: 15px;
}
.contact__side {
flex: 2 1 340px;
min-width: 0;
display: flex;
flex-direction: column;
gap: 40px;
}
.contact__side > * {
margin-block: 0;
}
.contact__steps-title {
font-size: 30px !important;
font-weight: 800;
}
.step-list {
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 24px;
}
.step-list > * {
margin-block: 0;
}
.step-row {
display: flex;
align-items: flex-start;
gap: 18px;
}
.step-row > * {
margin: 0;
}
.step-row .k {
flex: 0 0 52px;
height: 52px;
font-size: 20px;
}
.step-row__text > * {
margin-block: 0;
}
.step-row__title {
font-size: 20px !important;
font-weight: 800;
line-height: 1.3 !important;
}
.step-row__desc {
margin-top: 6px !important;
font-size: 16px;
line-height: 1.55;
}
.info-box {
padding: 28px;
box-sizing: border-box;
background: var(--wp--preset--color--mist);
border: 3px solid var(--wp--preset--color--ink);
border-radius: 14px;
}
.info-box > * {
margin-block: 0;
}
.info-box__title {
font-size: 24px !important;
font-weight: 800;
}
.info-box__lines {
margin-top: 14px !important;
font-size: 18px;
line-height: 1.8;
}
.info-box__lines a {
font-weight: 800;
}
.info-box__address {
margin-top: 14px !important;
font-size: 16px;
line-height: 1.6;
} .sec--block {
padding-top: 96px;
padding-bottom: 0;
}
.sec--block-last {
padding-bottom: 96px;
}
.sec--mist-band {
background: var(--wp--preset--color--mist);
padding-top: 104px;
padding-bottom: 104px;
}
.sec--violet-band {
background: var(--wp--preset--color--violet);
color: var(--wp--preset--color--paper);
padding-top: 104px;
padding-bottom: 104px;
}
.sec--block + .sec--cta,
.sec--block-last + .sec--cta {
padding-top: 24px;
} .sec--mist-band + .sec--cta,
.sec--violet-band + .sec--cta,
.sec--mist + .sec--cta,
.sec--violet + .sec--cta {
padding-top: 96px;
} .sec.wp-block-group > .wp-block-buttons {
margin-top: 32px;
} .intro-split {
display: flex;
flex-wrap: wrap;
gap: 48px;
align-items: flex-end;
}
.intro-split__main {
flex: 2 1 560px;
min-width: 0;
}
.intro-split__main > * {
margin-block: 0;
}
.intro-split__lead {
margin-top: 28px !important;
font-size: 21px;
line-height: 1.55;
max-width: 52ch;
}
.intro-split__side {
flex: 1 1 320px;
min-width: 0;
padding: 28px;
box-sizing: border-box;
background: var(--wp--preset--color--mist);
border: 3px solid var(--wp--preset--color--ink);
border-radius: 14px;
}
.intro-split__side > * {
margin-block: 0;
}
.intro-split__side p {
margin-top: 18px;
font-size: 17px;
line-height: 1.55;
} .team {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 40px;
}
.team-card {
min-width: 0;
}
.team-card > * {
margin-block: 0;
}
.team-card .photo {
margin: 0;
}
.team-card .photo img {
display: block;
width: 100%;
aspect-ratio: 1;
object-fit: cover;
background: var(--wp--preset--color--lime);
border: 3px solid var(--wp--preset--color--ink);
border-radius: 14px;
}
.team-card__name {
margin-top: 28px !important;
font-size: 30px !important;
font-weight: 800;
letter-spacing: -0.015em;
}
.team-card__role {
margin-top: 10px !important;
}
.team-card__text {
margin-top: 20px !important;
font-size: 17px;
line-height: 1.6;
} .facts {
display: flex;
flex-wrap: wrap;
gap: 56px 40px;
margin-top: 56px;
}
.fact {
flex: 1 1 250px;
min-width: 0;
}
.fact > * {
margin-block: 0;
}
.fact .k {
height: 86px;
min-width: 86px;
padding: 0 20px;
font-size: clamp(28px, 4.4vw, 38px);
font-weight: 800;
letter-spacing: -0.02em;
border-radius: 10px;
background: var(--wp--preset--color--lime);
border-color: var(--wp--preset--color--lime);
}
.fact__text {
margin-top: 18px !important;
max-width: 26ch;
font-size: 17px;
line-height: 1.5;
color: #ece4fe;
} .value-list {
display: flex;
flex-wrap: wrap;
column-gap: 72px;
margin-top: 48px;
}
.value-row {
flex: 1 1 520px;
min-width: 0;
display: flex;
align-items: flex-start;
gap: 24px;
padding: 28px 0;
border-top: 3px solid var(--wp--preset--color--ink);
}
.value-row > * {
margin: 0;
}
.value-row .k {
flex: 0 0 auto;
height: 60px;
min-width: 60px;
font-size: 22px;
}
.value-row__text > * {
margin-block: 0;
}
.value-row__title {
font-size: 24px !important;
font-weight: 800;
line-height: 1.3 !important;
}
.value-row__desc {
margin-top: 8px !important;
font-size: 17px;
line-height: 1.55;
}
.value-list--small .value-row {
flex-basis: 300px;
align-items: center;
padding: 22px 0;
}
.value-list--small .value-row .k {
height: 64px;
min-width: 64px;
font-size: 28px;
font-weight: 800;
}
.value-list--small .value-row__desc {
margin: 0 !important;
font-size: 18px;
font-weight: 600;
line-height: 1.45;
} .split {
display: flex;
flex-wrap: wrap;
gap: 48px;
align-items: center;
}
.split__text {
flex: 1 1 420px;
min-width: 0;
}
.split__text > * {
margin-block: 0;
}
.split__text p {
margin-top: 18px;
font-size: 19px;
line-height: 1.6;
}
.split__text .wp-block-buttons {
margin-top: 28px;
} .p-head {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 18px;
}
.p-head > .wp-block-heading {
min-width: 0;
overflow-wrap: anywhere;
}
.p-head > * {
margin: 0;
}
.p-head .k {
height: 52px;
min-width: 52px;
}
.p-intro {
margin-top: 16px !important;
max-width: 64ch;
font-size: 18px;
line-height: 1.55;
}
.pcards {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 32px;
}
.pcard {
flex: 1 1 260px;
min-width: 0;
padding: 28px;
box-sizing: border-box;
background: var(--wp--preset--color--paper);
border: 3px solid var(--wp--preset--color--ink);
border-radius: 14px;
}
.pcard > * {
margin-block: 0;
}
.pcard--lime {
background: var(--wp--preset--color--lime);
border-color: var(--wp--preset--color--lime);
}
.pcard__label {
font-size: 16px;
font-weight: 700;
}
.pcard__price {
margin-top: 8px !important;
font-size: 40px;
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.15;
}
.pcard__note {
margin-top: 8px !important;
font-size: 15px;
line-height: 1.5;
}
.pcard .wp-block-list {
margin-top: 14px;
padding-left: 20px;
font-size: 15px;
line-height: 1.5;
}
.pcard .wp-block-list li + li {
margin-top: 6px;
}
.anchor-nav {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 40px;
}
.anchor-nav > * {
margin: 0;
} .service-block {
display: flex;
flex-wrap: wrap;
gap: 24px 56px;
padding: 40px 0;
border-top: 3px solid var(--wp--preset--color--ink);
scroll-margin-top: 24px;
}
.service-block__keys {
flex: 0 0 220px;
}
.service-block__keys > * {
margin: 0;
}
.service-block__body {
flex: 1 1 420px;
min-width: 0;
}
.service-block__body > * {
margin-block: 0;
}
.service-block__title {
font-size: 30px !important;
font-weight: 800;
letter-spacing: -0.015em;
}
.service-block__text {
margin-top: 14px !important;
font-size: 18px;
line-height: 1.6;
max-width: 62ch;
}
.service-block__body .wp-block-list {
margin-top: 16px;
padding-left: 22px;
font-size: 17px;
line-height: 1.6;
}
.service-block__body .wp-block-buttons {
margin-top: 22px;
} .proj {
display: flex;
flex-wrap: wrap;
gap: 32px 48px;
padding: 48px 0;
border-top: 3px solid var(--wp--preset--color--ink);
}
.proj__media {
flex: 1 1 380px;
min-width: 0;
align-self: flex-start;
overflow: hidden;
background: var(--wp--preset--color--mist);
border: 3px solid var(--wp--preset--color--ink);
border-radius: 14px;
}
.proj__media > * {
margin: 0;
}
.proj__media img {
display: block;
width: 100%;
height: auto;
}
.proj__body {
flex: 1 1 380px;
min-width: 0;
}
.proj__body > * {
margin-block: 0;
}
.proj__date {
font-size: 14px;
font-weight: 700;
}
.proj__title {
margin-top: 6px !important;
font-size: 36px !important;
font-weight: 800;
letter-spacing: -0.02em;
}
.proj__tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 14px;
}
.proj__tags > * {
margin: 0;
}
.proj__tags .k {
height: 36px;
min-width: 0;
font-size: 14px;
}
.proj__text {
margin-top: 18px !important;
font-size: 18px;
line-height: 1.6;
}
.proj__facts {
margin-top: 14px !important;
font-size: 16px;
line-height: 1.6;
} .tool-group {
margin-top: 56px;
}
.tool-group > .wp-block-heading {
font-size: 30px !important;
font-weight: 800;
letter-spacing: -0.015em;
}
.tool-list {
display: flex;
flex-wrap: wrap;
column-gap: 72px;
margin-top: 20px;
}
.tool {
flex: 1 1 420px;
min-width: 0;
padding: 18px 0;
border-top: 2px solid var(--wp--preset--color--ink);
}
.tool > * {
margin-block: 0;
}
.tool__name {
font-size: 20px;
font-weight: 800;
}
.tool__desc {
margin-top: 4px !important;
font-size: 16px;
line-height: 1.55;
} .badge-free {
display: inline-block;
}
.check-list {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 40px;
max-width: 760px;
}
.check-item {
display: flex;
align-items: flex-start;
gap: 18px;
padding-top: 20px;
border-top: 2px solid var(--wp--preset--color--ink);
}
.check-item > * {
margin: 0;
}
.check-item .k {
flex: 0 0 52px;
height: 52px;
font-size: 20px;
}
.check-item__text {
font-size: 19px;
line-height: 1.5;
font-weight: 600;
}
.gate {
max-width: 760px;
margin-top: 40px;
padding: 28px;
box-sizing: border-box;
background: var(--wp--preset--color--mist);
border: 3px solid var(--wp--preset--color--ink);
border-radius: 14px;
}
.gate > * {
margin-block: 0;
}
.gate p {
margin-top: 12px;
}
.gate__title {
font-size: 26px !important;
font-weight: 800;
}
.other-list {
margin-top: 28px !important;
} .split__media {
flex: 1 1 420px;
min-width: 0;
margin: 0;
}
.split__media svg {
display: block;
width: 100%;
height: auto;
}
.balu-kb {
position: relative;
margin-top: 24px;
height: 150px;
overflow: hidden;
box-sizing: border-box;
padding: 16px;
background: var(--wp--preset--color--mist);
border: 2px solid var(--wp--preset--color--ink);
border-radius: 12px;
}
.balu-kb__keys {
display: flex;
gap: 8px;
}
.balu-kb__line {
margin: 16px 0 0;
font-family: var(--wp--preset--font-family--source-code-pro);
font-size: 17px;
font-weight: 600;
}
.paw-out {
display: inline-block;
overflow: hidden;
white-space: nowrap;
vertical-align: bottom;
}
.paw {
position: absolute;
left: 191px;
top: 150px;
}
.balu-note {
margin-top: 12px !important;
font-size: 15px;
font-weight: 600;
}
.balu-sticker {
display: block;
width: 100%;
max-width: 220px;
height: auto;
}
.err__key {
flex-direction: column;
align-items: center;
gap: 24px;
} .legal-wrap {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 56px;
margin-top: 40px;
}
.legal-wrap > .legal {
flex: 1 1 560px;
min-width: 0;
margin-top: 0;
}
.legal {
max-width: 820px;
}
.legal > * {
margin-left: 0 !important;
margin-right: 0 !important;
}
.legal h2 {
margin-top: 40px;
font-size: 28px !important;
}
.legal h3 {
margin-top: 28px;
font-size: 22px !important;
}
.legal h4 {
margin-top: 22px;
}
.legal p,
.legal li {
font-size: 17px;
line-height: 1.65;
}
.legal table {
width: 100%;
border-collapse: collapse;
}
.legal th,
.legal td {
padding: 12px 0;
text-align: left;
vertical-align: top;
border-top: 2px solid var(--wp--preset--color--ink);
}
.legal th {
width: 30%;
padding-right: 24px;
font-weight: 800;
} .err {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 48px;
}
.err__text {
flex: 1 1 460px;
min-width: 0;
}
.err__text > * {
margin-block: 0;
}
.err__lead {
margin-top: 24px !important;
font-size: 20px;
line-height: 1.55;
max-width: 52ch;
}
.err__text .wp-block-buttons {
margin-top: 32px;
gap: 14px;
}
.err__key {
flex: 1 1 280px;
display: flex;
justify-content: center;
}
.err__key a.k {
width: 200px;
height: 200px;
font-size: 56px;
font-weight: 700;
border-radius: 20px;
text-decoration: none;
}
@media (max-width: 640px) {
.sec--block {
padding-top: 64px;
}
.sec--block-last {
padding-bottom: 64px;
}
.sec--mist-band,
.sec--violet-band {
padding-top: 64px;
padding-bottom: 64px;
}
.pcard__price {
font-size: 34px;
}
.service-block__keys {
flex-basis: 100%;
}
.proj__title {
font-size: 30px !important;
}
.err__key a.k {
width: 150px;
height: 150px;
font-size: 42px;
}
.sec--page-hero {
padding-top: 40px;
}
.sec--page-body {
padding-top: 40px;
padding-bottom: 64px;
}
.contact {
gap: 40px;
}
.contact__main {
padding: 24px 16px;
} .book-frame iframe,
.book-frame__fallback {
display: none;
}
.book-frame__open {
display: flex;
justify-content: center;
width: 100%;
box-sizing: border-box;
}
} .proj__body > .wp-block-buttons {
margin-top: 28px !important;
} .legal .wp-block-table {
margin: 0 0 16px;
}
.legal .wp-block-table table {
width: 100%;
border: 0;
border-collapse: collapse;
border-bottom: 3px solid var(--wp--preset--color--ink);
}
.legal .wp-block-table th,
.legal .wp-block-table td {
padding: 16px 0;
border: 0;
border-top: 3px solid var(--wp--preset--color--ink);
font-size: 17px;
line-height: 1.55;
text-align: left;
vertical-align: top;
}
.legal .wp-block-table th {
width: 34%;
padding-right: 24px;
font-weight: 800;
}
@media (max-width: 600px) {
.legal .wp-block-table th,
.legal .wp-block-table td {
display: block;
width: 100%;
padding-right: 0;
}
.legal .wp-block-table th {
padding-bottom: 2px;
}
.legal .wp-block-table td {
padding-top: 0;
border-top: 0;
}
} .legal .cmplz-document h2 {
margin-top: 28px;
font-size: 22px !important;
}
.legal .cmplz-document h3 {
margin-top: 22px;
font-size: 18px !important;
}
.legal .cmplz-document table {
display: block;
max-width: 100%;
overflow-x: auto;
} .chk {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
column-gap: 56px;
align-items: start;
}
.chk > * {
grid-column: 1;
margin: 0 !important;
}
.chk-head > * {
margin: 0;
}
.chk-head .page-hero__title {
margin-top: 20px;
}
.chk-head .page-hero__lead {
margin-top: 22px;
}
.chk > .chk-card {
grid-column: 2;
grid-row: 1 / span 8;
position: sticky;
top: 24px;
align-self: start;
}
.chk-card {
box-sizing: border-box;
padding: 32px;
background: var(--wp--preset--color--paper);
border: 3px solid var(--wp--preset--color--ink);
border-radius: 16px;
}
.chk-card > * {
margin-block: 0;
}
.chk-card__title {
font-size: 26px !important;
font-weight: 800;
line-height: 1.2;
}
.chk-card__form {
margin-top: 18px !important;
}
.chk-card__note {
margin-top: 14px !important;
font-size: 14px;
line-height: 1.5;
}
.chk-list {
margin: 0;
padding: 0;
list-style: none;
}
.chk > .chk-list--first {
margin-top: 32px !important;
}
.chk-item {
display: flex;
align-items: center;
gap: 16px;
padding: 14px 0;
border-top: 2px solid var(--wp--preset--color--ink);
font-size: 18px;
font-weight: 600;
line-height: 1.4;
}
.chk-item .k {
flex: 0 0 40px;
min-width: 40px;
height: 40px;
font-size: 15px;
}
.chk-item--locked {
filter: blur(5px);
-webkit-user-select: none;
user-select: none;
pointer-events: none;
}
.chk > .other-list {
margin-top: 28px !important;
font-size: 16px;
font-weight: 600;
}
@media (max-width: 900px) {
.chk {
display: block;
}
.chk > .chk-card {
position: static;
margin: 28px 0 !important;
}
.chk-card {
padding: 24px;
}
} .sonst {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 24px 56px;
margin-top: 48px;
}
.sonst > * {
margin: 0;
}
.sonst > .value-list {
flex: 3 1 560px;
min-width: 0;
}
.sonst__sticker {
flex: 1 1 200px;
display: flex;
justify-content: center;
}
@media (max-width: 640px) {
.sonst__sticker {
flex-basis: 100%;
}
.sonst__sticker .balu-sticker {
max-width: 150px;
margin: 0 auto;
}
} .deco-balu {
display: block;
width: 100%;
max-width: 220px;
aspect-ratio: 220 / 225;
background: url(//strg-s.at/wp-content/themes/strg-s/assets/img/balu-sticker.webp) center / contain no-repeat;
}
@media (max-width: 640px) {
.sonst__sticker .deco-balu {
max-width: 150px;
margin: 0 auto;
}
}