.elementor-16970 .elementor-element.elementor-element-a62a8fc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16970 .elementor-element.elementor-element-03e2247{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-16970 .elementor-element.elementor-element-03e2247:not(.elementor-motion-effects-element-type-background), .elementor-16970 .elementor-element.elementor-element-03e2247 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D1B2A;}.elementor-16970 .elementor-element.elementor-element-41644fd{--display:flex;--justify-content:flex-start;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16970 .elementor-element.elementor-element-41644fd:not(.elementor-motion-effects-element-type-background), .elementor-16970 .elementor-element.elementor-element-41644fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3a436a3 );}.elementor-16970 .elementor-element.elementor-element-ee30e65{--display:flex;--justify-content:flex-start;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16970 .elementor-element.elementor-element-ee30e65:not(.elementor-motion-effects-element-type-background), .elementor-16970 .elementor-element.elementor-element-ee30e65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3a436a3 );}.elementor-16970 .elementor-element.elementor-element-d46a8cc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16970 .elementor-element.elementor-element-06ae4b4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16970 .elementor-element.elementor-element-24cbd8ed{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16970 .elementor-element.elementor-element-16adb8a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-16970 .elementor-element.elementor-element-16adb8a:not(.elementor-motion-effects-element-type-background), .elementor-16970 .elementor-element.elementor-element-16adb8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dbec4e7 );}.elementor-16970 .elementor-element.elementor-element-16adb8a.e-con{--align-self:center;}.elementor-16970 .elementor-element.elementor-element-525a7573{--display:flex;}.elementor-16970 .elementor-element.elementor-element-1829330b{width:100%;max-width:100%;}.elementor-16970 .elementor-element.elementor-element-1829330b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-16970 .elementor-element.elementor-element-4334e3e0{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-16970 .elementor-element.elementor-element-4334e3e0 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.57 * 100% );}.elementor-16970 .elementor-element.elementor-element-4334e3e0:after{content:"0.57";}.elementor-16970 .elementor-element.elementor-element-4334e3e0 .elementor-post__thumbnail__link{width:100%;}.elementor-16970 .elementor-element.elementor-element-4334e3e0 .elementor-post__meta-data span + span:before{content:"•";}.elementor-16970 .elementor-element.elementor-element-4334e3e0 .elementor-post__card{border-width:0px;border-radius:8px;}.elementor-16970 .elementor-element.elementor-element-4334e3e0 .elementor-post__text{margin-top:20px;}.elementor-16970 .elementor-element.elementor-element-4334e3e0 .elementor-post__title, .elementor-16970 .elementor-element.elementor-element-4334e3e0 .elementor-post__title a{font-family:"Roboto", Sans-serif;}.elementor-16970 .elementor-element.elementor-element-4334e3e0 a.elementor-post__read-more{font-family:"Roboto", Sans-serif;}@media(max-width:480px){.elementor-16970 .elementor-element.elementor-element-16adb8a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-16970 .elementor-element.elementor-element-4334e3e0 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-16970 .elementor-element.elementor-element-4334e3e0:after{content:"0.5";}.elementor-16970 .elementor-element.elementor-element-4334e3e0 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:481px){.elementor-16970 .elementor-element.elementor-element-41644fd{--width:100%;}.elementor-16970 .elementor-element.elementor-element-ee30e65{--width:100%;}}/* Start custom CSS for posts, class: .elementor-element-4334e3e0 *//* Article grid (Elementor Posts widget — classic skin) — Library §S15 6px green-dark top border per tile + S16 hover lift */
/* Grid layout — !important to beat Elementor's widget-generated grid CSS */
.elementor-posts-container {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1.5rem !important;
margin: 0 rem 0 !important;
}
/* Each card */
.elementor-post {
background: #ffffff;
border-radius: 8px;
overflow: hidden;
border: 1px solid #E5E7EB;
border-top: 6px solid #77B62A;
transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
/* Hover — lift + green glow, matching the S16 pattern */
.elementor-post:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(8, 102, 52, 0.15);
}
/* Thumbnail — 16:9 aspect, cover fill */
.elementor-post__thumbnail {
aspect-ratio: 16 / 9;
overflow: hidden;
}
.elementor-post__thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Text area */
.elementor-post__text {
padding: 1.25rem;
}
/* Title */
.elementor-post__title {
margin: 0 0 0.5rem !important;
font-size: 1.1rem !important;
line-height: 1.3 !important;
}
.elementor-post__title a {
color: #1F2937;
text-decoration: none;
}
.elementor-post__title a:hover {
color: #086634;
}
/* Excerpt */
.elementor-post__excerpt {
font-size: 0.95rem;
line-height: 1.5;
color: #6B7280;
margin-bottom: 0.75rem;
}
/* Read more link */
.elementor-post__read-more {
color: #086634 !important;
text-decoration: none !important;
font-weight: 600;
font-size: 0.95rem;
display: inline-block;
}
.elementor-post__read-more:hover {
color: #77B62A !important;
text-decoration: underline !important;
}
/* Mobile — stack to single column */
@media (max-width: 767px) {
.elementor-posts-container {
grid-template-columns: 1fr !important;
}
}/* End custom CSS */
/* Start custom CSS *//* ======================================================================
* Hero surface override — page-specific (#kontakt-hero)
* Warm green gradient scoped to this page only.
* Global .hero-split white text rules are correct — not overridden.
* ====================================================================== */
#kontakt-hero .hero-split {
background: linear-gradient(135deg, rgba(8,102,52,0.88), rgba(116,157,51,0.78));
}
/* ======================================================================
* Router handoff link — page-specific (#kontakt-form .router-handoff)
* Recreates .soft-cta look without depending on a .section-navy parent.
* ====================================================================== */
#kontakt-form .router-handoff {
display: inline-block;
margin-top: 1.5rem;
color: var(--rts-green-pale);
}
#kontakt-form .router-handoff:link,
#kontakt-form .router-handoff:visited {
color: var(--rts-green-pale);
}
#kontakt-form .router-handoff:hover,
#kontakt-form .router-handoff:focus,
#kontakt-form .router-handoff:active {
color: #FFFFFF;
}
/* ======================================================================
* Availability card — page-specific (#kontakt-availability)
* Dark-tinted frosted panel — all text white throughout.
* Font sizes bumped for legibility on desktop.
* ====================================================================== */
/* --- Card shell --- */
#kontakt-availability {
background: rgba(13, 27, 42, 0.45);
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 10px;
padding: 32px;
backdrop-filter: blur(8px);
}
/* --- Status row --- */
#kontakt-availability .avail-status {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
}
/* Dot — closed: red, white ring for contrast on dark card */
#kontakt-availability .status-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--rts-accent-red);
flex-shrink: 0;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.80);
}
/* Dot — open: green, pulsing */
#kontakt-availability.is-open .status-dot {
background: var(--rts-green-light);
animation: avail-pulse 2s ease-in-out infinite;
}
/* Dot — closing within 15 min: yellow, pulsing.
Must come AFTER .is-open to win the cascade. */
#kontakt-availability.is-open.is-closing-soon .status-dot {
background: var(--rts-accent-yellow);
animation: avail-pulse-yellow 2s ease-in-out infinite;
}
@keyframes avail-pulse {
0% { box-shadow: 0 0 0 0 rgba(119, 182, 42, 0.55); }
70% { box-shadow: 0 0 0 8px rgba(119, 182, 42, 0); }
100% { box-shadow: 0 0 0 0 rgba(119, 182, 42, 0); }
}
@keyframes avail-pulse-yellow {
0% { box-shadow: 0 0 0 0 rgba(244, 196, 48, 0.55); }
70% { box-shadow: 0 0 0 8px rgba(244, 196, 48, 0); }
100% { box-shadow: 0 0 0 0 rgba(244, 196, 48, 0); }
}
/* --- All text in the card: white --- */
#kontakt-availability,
#kontakt-availability .avail-status-text,
#kontakt-availability .avail-row,
#kontakt-availability .avail-row strong,
#kontakt-availability .avail-hours,
#kontakt-availability .avail-response {
color: #FFFFFF;
}
#kontakt-availability .avail-status-text {
font-weight: 700;
font-size: 1.1rem;
}
#kontakt-availability .avail-row {
margin: 0 0 14px;
font-size: 1.1rem;
}
/* Links: pale green — distinguishable from plain white */
#kontakt-availability .avail-row a {
color: var(--rts-green-pale);
text-decoration: none;
}
#kontakt-availability .avail-row a:link,
#kontakt-availability .avail-row a:visited {
color: var(--rts-green-pale);
}
#kontakt-availability .avail-row a:hover,
#kontakt-availability .avail-row a:focus,
#kontakt-availability .avail-row a:active {
color: #FFFFFF;
text-decoration: underline;
}
/* Hours + response time: slightly smaller, white at 80% */
#kontakt-availability .avail-hours,
#kontakt-availability .avail-response {
color: rgba(255, 255, 255, 0.80);
font-size: 1rem;
margin-top: 14px;
}
#kontakt-availability .avail-response {
margin-top: 8px;
}
/* ======================================================================
* Lane width override — page-specific
* Global .lane rule caps at max-width:560px. Override with a specific
* pixel value so Elementor's Full Width container fills correctly.
* Adjust the 820px value here if the form width needs tuning.
* ====================================================================== */
#lane-a,
#lane-b {
max-width: 820px !important;
padding: 1.5rem !important;
border-radius: 14px !important;
}
/* ======================================================================
* Service notice — page-specific (.service-notice)
* Yellow accent notice for time-sensitive service messages.
* Sits below the router-handoff link on the dark router section.
* Edit only the text in the HTML widget to update the message.
* To temporarily hide: add style="display:none" to the
.
* ====================================================================== */
.service-notice {
margin-top: 1.5rem;
padding: 1rem 1.25rem;
background: rgba(244, 196, 48, 0.12);
border-left: 3px solid var(--rts-accent-yellow);
border-radius: 0 8px 8px 0;
max-width: 760px;
}
.service-notice p {
color: #FFFFFF !important;
font-size: 1rem;
margin: 0;
}
.service-notice strong {
color: var(--rts-accent-yellow);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('https://risskovteknik.dk/wp-content/uploads/2026/03/Roboto-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: auto;
src: url('https://risskovteknik.dk/wp-content/uploads/2026/03/Roboto-Medium.woff2') format('woff2');
}
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
font-display: auto;
src: url('https://risskovteknik.dk/wp-content/uploads/2026/03/Roboto-Italic.woff2') format('woff2');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('https://risskovteknik.dk/wp-content/uploads/2026/03/Roboto-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */