@font-face {
font-family: "Inter";
src: url(//www.rb-consulting.at/wp-content/themes/rb-consulting-theme/fonts/InterTight-Light.woff2) format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Inter";
src: url(//www.rb-consulting.at/wp-content/themes/rb-consulting-theme/fonts/InterTight-Regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Inter";
src: url(//www.rb-consulting.at/wp-content/themes/rb-consulting-theme/fonts/InterTight-Medium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Inter";
src: url(//www.rb-consulting.at/wp-content/themes/rb-consulting-theme/fonts/InterTight-SemiBold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Montserrat";
src: url(//www.rb-consulting.at/wp-content/themes/rb-consulting-theme/fonts/Montserrat-Regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Montserrat";
src: url(//www.rb-consulting.at/wp-content/themes/rb-consulting-theme/fonts/Montserrat-Medium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Montserrat";
src: url(//www.rb-consulting.at/wp-content/themes/rb-consulting-theme/fonts/Montserrat-SemiBold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
} *,
*::before,
*::after {
box-sizing: border-box;
} @media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
body {
margin: 0; font-family: "Montserrat", system-ui, sans-serif;
color: #1A1A1A;
background-color: #f7f4ef;
line-height: 1.6;
text-rendering: optimizeLegibility;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: inherit;
text-decoration: none;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
outline: 2px solid #d4b26a;
outline-offset: 2px;
} button {
font-family: inherit;
} :root {
--color-bg: #f7f4ef;
--color-bg-alt: #ffffff;
--color-text: #1A1A1A;
--color-primary: #d4b26a;
--color-primary-soft: #e4c993;
--color-border-soft: #e0d8c8;
--radius-lg: 16px;
--shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.05);
--container-width: 1440px;
--section-padding-y: 80px;
} .container {
max-width: var(--container-width);
margin: 0 auto;
padding: 0 24px;
}
.section {
padding: var(--section-padding-y) 0;
}
.section-alt {
background-color: var(--color-bg-alt);
}
.section-header {
text-align: center;
margin-bottom: 40px;
}
.section-header.align-left {
text-align: left;
}
.section-header h2 {
font-size: 2rem;
font-weight: 500;
margin: 0 0 8px;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Inter", system-ui, sans-serif;
font-weight: 300; letter-spacing: -0.01em;
margin: 0;
} .btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 11px 24px;
border-radius: 10px;
border: 1px solid transparent;
font-weight: 500;
cursor: pointer;
text-decoration: none;
transition:
transform 0.15s ease,
box-shadow 0.15s ease,
background-color 0.15s ease,
border-color 0.15s ease;
white-space: nowrap;
font-size: 0.98rem; font-family: "Montserrat", system-ui, sans-serif;
}
.btn-primary {
background-color: var(--color-primary);
border-color: var(--color-primary);
color: #1A1A1A;
box-shadow: var(--shadow-soft);
}
.btn-primary:hover {
background-color: var(--color-primary-soft);
transform: translateY(-1px);
}
.btn-ghost {
background-color: transparent;
border: 1px solid var(--color-border-soft);
}
.btn-ghost:hover {
background-color: rgba(0, 0, 0, 0.04);
} .card {
background-color: var(--color-bg-alt);
border-radius: var(--radius-lg);
padding: 24px;
border: 1px solid var(--color-border-soft);
box-shadow: var(--shadow-soft);
}
.grid {
display: grid;
gap: 24px;
} .skip-link {
position: absolute;
left: -999px;
top: 0;
padding: 8px 16px;
background-color: #000;
color: #fff;
z-index: 1000;
}
.skip-link:focus-visible {
left: 16px;
top: 16px;
} body.no-scroll {
overflow: hidden;
}