@font-face {
font-family: 'Roboto';
src: url(https://renateniebler.de/wp-content/uploads/Roboto-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(https://renateniebler.de/wp-content/uploads/Roboto-Light.woff2) format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(https://renateniebler.de/wp-content/uploads/Roboto-SemiBold.woff2) format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(https://renateniebler.de/wp-content/uploads/Roboto-Bold.woff2) format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(https://renateniebler.de/wp-content/uploads/Roboto-ExtraBold.woff2) format('woff2');
font-weight: 800;
font-style: normal;
font-display: swap;
} @font-face {
font-family: 'Ivy Presto';
src: url(https://renateniebler.de/wp-content/uploads/fonnts_com-Ivy-Presto-Headline-Light.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ivy Ora';
src: url(https://renateniebler.de/wp-content/uploads/fonnts_com-Ivy-Ora-Text.woff2) format('woff2');
font-weight: 400;
font-style: italic;
font-display: swap;
} @font-face {
font-family: 'Inter';
src: url(https://renateniebler.de/wp-content/uploads/Inter-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url(https://renateniebler.de/wp-content/uploads/Inter-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
} body {
font-family: 'Roboto', sans-serif;
cursor: default !important;
} .ivy-link {
font-family: 'Ivy Presto', serif !important;
color: #222222; font-size: 34px;
line-height: 1.05;
letter-spacing: -0.02em; display: inline-flex;
align-items: baseline;
gap: 10px;
width: max-content;
position: relative; max-width: none;
} .ivy-link .roman {
font-weight: 400; font-style: normal;
} .ivy-link em {
font-weight: 300;
font-style: italic;
opacity: 0.75; } .ivy-link::after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 100%;
height: 1px;
background: #222222; transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.ivy-link:hover::after {
transform: scaleX(1);
} .ivy-link .arrow {
display: inline-block;
transition: transform 0.25s ease;
will-change: transform;
}
.ivy-link:hover .arrow {
transform: translateX(8px);
} .wpforms-form input,
.wpforms-form textarea,
.wpforms-form select {
background-color: #eaf2ff !important;
border: 1px solid #000 !important;
box-shadow: none !important;
border-radius: 8px !important;
padding: 12px !important;
font-size: 16px !important;
color: #020101 !important;
width: 100% !important;
box-sizing: border-box;
}
.wpforms-submit {
background-color: #3b82f6 !important;
color: #fff !important;
border: none !important;
padding: 12px 30px !important;
font-size: 16px !important;
border-radius: 25px !important;
transition: background 0.3s ease;
}
.wpforms-submit:hover {
background-color: #2563eb !important;
}
.wpforms-error {
color: #fff !important;
background-color: #e3342f !important;
padding: 8px 12px !important;
border-radius: 4px !important;
}
.wpforms-confirmation-container-full {
background-color: #eaf2ff !important;
color: #000 !important;
padding: 1rem 1.5rem;
border-radius: 10px;
border: 1px solid #000 !important;
} a,
button,
input,
textarea,
select {
cursor: pointer !important;
}
.cursor-dot {
width: 8px;
height: 8px;
background: black;
border-radius: 50%;
position: fixed;
top: 0;
left: 0;
pointer-events: none;
z-index: 10001;
transform: translate(-50%, -50%);
}
.cursor-outline {
width: 32px;
height: 32px;
border: 2px solid black;
border-radius: 50%;
position: fixed;
top: 0;
left: 0;
pointer-events: none;
z-index: 10000;
transform: translate(-50%, -50%);
transition: all 0.15s ease;
}
a:hover ~ .custom-cursor .cursor-outline,
button:hover ~ .custom-cursor .cursor-outline,
.elementor-button:hover ~ .custom-cursor .cursor-outline {
border-color: red;
}
.custom-cursor {
pointer-events: none;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
} .ast-header-break-point .main-header-menu .sub-menu li a {
background-color: #fdf1ba !important;
color: #111 !important;
}
.ast-header-break-point .main-header-menu .sub-menu li a:hover {
background-color: #f8e58a !important;
} .page-id-706 .elementor-location-header {
background-color: #fdf1ba !important;
}
.page-id-1247 footer,
.page-id-1247 footer * {
background-color: transparent !important;
box-shadow: none !important;
color: #000 !important;
} .rn-sidebar-links {
position: fixed;
left: 12px;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
gap: 10px;
z-index: 999;
}
.rn-sidebar-pill {
display: flex;
align-items: center;
justify-content: center;
writing-mode: vertical-rl;
transform: rotate(180deg);
width: 34px;
height: 110px;
border: 1px solid #1a1a1a;
border-radius: 24px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.1em;
color: #1a1a1a;
text-decoration: none;
background: transparent;
transition: background 0.2s ease, color 0.2s ease;
}
.rn-sidebar-pill:hover {
background: #1a1a1a;
color: #fff;
} @keyframes rn-float {
0%   { transform: translateY(0px) rotate(-8deg); }
50%  { transform: translateY(-12px) rotate(-5deg); }
100% { transform: translateY(0px) rotate(-8deg); }
}
@keyframes rn-bob {
0%   { transform: translateY(0px) translateX(-50%); }
50%  { transform: translateY(-6px) translateX(-50%); }
100% { transform: translateY(0px) translateX(-50%); }
}
.rn-hand-wrap {
position: fixed;
right: 48px;
top: 50%;
transform: translateY(-20%);
z-index: 998;
pointer-events: none;
opacity: 0;
transition: opacity 0.8s ease;
width: 140px;
height: 180px;
}
.rn-hand-wrap.visible {
opacity: 1;
}
.rn-hand-img {
position: absolute;
bottom: 0;
right: 0;
width: 140px;
height: 180px;
object-fit: contain;
object-position: bottom right;
animation: rn-float 5s ease-in-out infinite;
transform-origin: bottom right;
transition: opacity 1.2s ease;
}
.rn-hand-open   { opacity: 1; }
.rn-hand-closed { opacity: 0; }
.rn-hand-wrap.greifen .rn-hand-open   { opacity: 0; }
.rn-hand-wrap.greifen .rn-hand-closed { opacity: 1; } @keyframes rn-bob {
0%   { transform: translateY(-50%) translateY(0px); }
50%  { transform: translateY(-50%) translateY(-6px); }
100% { transform: translateY(-50%) translateY(0px); }
}
.rn-scroll-top {
position: fixed;
right: 12px;
top: 50%;
transform: translateY(-50%);
width: 42px;
height: 42px;
border: 1px solid #1a1a1a;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #1a1a1a;
cursor: pointer;
z-index: 999;
opacity: 0;
transition: opacity 0.6s ease, background 0.2s ease;
background: transparent;
font-weight: 600;
}
.rn-scroll-top.visible {
opacity: 1;
animation: rn-bob 3s ease-in-out infinite;
}
.rn-scroll-top:hover {
background: #1a1a1a;
color: #fff;
}
@media (max-width: 768px) {
.rn-hand-wrap {
width: 70px;
height: 90px;
}
.rn-hand-img {
width: 70px;
height: 90px;
}
} .elementor-element-3b63bcd img {
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
.rn-cursor-text {
position: fixed;
pointer-events: none;
z-index: 9999;
font-family: 'Inter', sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: 0.12em;
color: #ffff04;
opacity: 0;
transition: opacity 0.2s ease;
white-space: nowrap;
} .rn-intro-text {
font-family: 'Ivy Presto', serif !important;
font-weight: 400;
font-size: 28px;
line-height: 1.15;
color: #000000;
max-width: 520px;
margin-left: 40px;
}
.rn-intro-text strong {
font-family: 'Ivy Presto', serif !important;
font-weight: 400;
font-style: normal;
}
.rn-intro-text em {
font-family: 'Ivy Ora', serif !important;
font-weight: 300;
font-style: italic;
}