@font-face {
font-family: 'AllRoundGothic';
src: url(//waermewerker.de/wp-content/themes/waermewerker/fonts/AllRoundGothic-Book.woff2) format('woff2');
font-weight: 400; font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'AllRoundGothic';
src: url(//waermewerker.de/wp-content/themes/waermewerker/fonts/AllRoundGothic-Demi.woff2) format('woff2');
font-weight: 600; font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Outfit';
src: url(//waermewerker.de/wp-content/themes/waermewerker/fonts/outfit-v15-latin-regular.woff2) format('woff2');
font-weight: 400; font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
src: url(//waermewerker.de/wp-content/themes/waermewerker/fonts/outfit-v15-latin-300.woff2) format('woff2');
font-display: swap;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
src: url(//waermewerker.de/wp-content/themes/waermewerker/fonts/outfit-v15-latin-regular.woff2) format('woff2');
font-display: swap;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
src: url(//waermewerker.de/wp-content/themes/waermewerker/fonts/outfit-v15-latin-700.woff2) format('woff2');
}
body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
background:transparent !important;
}
.fl-bg-video {
border-top-left-radius: inherit;
}
#hintergrundvideo {
position: fixed;
right: 0px;
bottom: 0px;
min-width: 100%;
min-height: 100%;
width: 100%; 
height: 100%;
object-fit: cover; 
background-color:#fff;
}
#hintergrundbild {
background-image: url(//waermewerker.de/wp-content/uploads/2026/08/hintergrund_vertikalrapport.svg);
background-position-y: 0px;
background-size: clamp(100%, 3000px,300%);
height: 100vh;
width: 100vw;
position: fixed;
}
.fl-button .fl-button-text,
.wpforms-submit,
.pp-modal-button span{
display: flex;
align-items: center;
justify-content: center;
}
.fl-button .fl-button-text::after,
.wpforms-submit::after,
.pp-modal-button span::after{
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-left: 10px;
background-image: url(//waermewerker.de/wp-content/uploads/2026/03/arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
header .fl-menu-horizontal {
background-color: #002746;
border-radius: 50px;
display: flex !important;
padding: 0;
list-style: none;
position: relative;
}
.fl-node-bjxt0ghldwm8 .fl-menu .menu > li {
line-height: 1.5;
}
.fl-node-bjxt0ghldwm8 .fl-menu .sub-menu a {
color: #002746 !important;
} header .fl-menu-horizontal > li:first-child { 
margin-left: 15px;
} header .fl-menu-horizontal > li:last-child {
background-color: #d46839;
position: relative;
padding-left: 15px;
z-index: 1;
border-radius: 0 50px 50px 0; 
} header .fl-menu-horizontal > li:last-child::before {
content: "";
position: absolute;
top: 0;
left: -3px;
height: 100%;
width: 40px;
background-color: #002746;
border-radius: 0 50px 50px 0;
z-index: -1;
} header .fl-menu-horizontal > li:last-child > a {
color: #ffffff !important;
padding-left: 35px !important;
padding-right: 30px !important;
} header .fl-menu-horizontal .sub-menu li {
background-color: transparent; border-radius: 0;
margin: 0;
} header .fl-menu-horizontal > li > a {
border: 2px solid transparent;
border-radius: 50px;
padding: 8px 20px !important;
transition: all 0.3s ease;
margin: 5px 5px; display: flex; align-items: center;
} header .fl-menu-horizontal > li:not(:last-child):hover > a {
border-color: #d46839;
} header .fl-menu-horizontal > li.current-menu-item > a,
header .fl-menu-horizontal > li.current-menu-ancestor > a,
header .fl-menu-horizontal > li.current_page_parent > a {
border-color: #d46839;
}  header .fl-menu-horizontal > li.menu-item-has-children > a {
padding-right: 10px !important; } header .fl-menu-horizontal > li:last-child > a {
border: 2px solid transparent !important; }
header .fl-menu-horizontal .sub-menu li::before {
display: none; }
div.wpforms-container-full input[type=checkbox]+label, div.wpforms-container-full input[type=radio]+label {
font-weight:600;
font-size:20px !important
}
.wpforms-field-label-inline a {
color:#fff;
text-decoration:underline
}
.circle-icon {
width: 100px;
height: 100px;
border: 2px solid white;   
border-radius: 50%;       
color: white;
font-size: 48px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
}
.fl-node-mz0iotk2y8se.fl-module-box ,
.fl-node-t4rdlavjpoix.fl-module-box{
z-index: 10 !important;
}
.karriere-textbox h3 span {background:#d46839;display:inline;border-radius:100px;padding:2px 10px;font-size:20px;}
.list-white, .list-orange, .list-blue, .list-teal, .list-yellow {
list-style: none;
padding: 0;
margin: 0;
padding: 0px;
}
.list-white li, .list-orange li, .list-blue li, .list-teal li, .list-yellow li {
color: #ffffff;
margin-bottom: 10px;
display: flex;
align-items: flex-start;
}
.list-white li::before,
.list-orange li::before,
.list-blue li::before,
.list-teal li::before,
.list-yellow li::before
{
content: "";
display: inline-block;
width: 20px; 
height: 20px;
margin-right: 15px;
margin-top: 4px;
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
}
.list-white li::before {
background-image: url(//waermewerker.de/wp-content/uploads/2026/03/arrow.svg);
}
.list-orange li::before {
background-image: url(//waermewerker.de/wp-content/uploads/2026/03/arrow-orange.svg);
}
.list-blue li::before {
background-image: url(//waermewerker.de/wp-content/uploads/2026/03/arrow-blue.svg);
}
.list-teal li::before {
background-image: url(//waermewerker.de/wp-content/uploads/2026/03/arrow-teal.svg);
}
.list-yellow li::before {
background-image: url(//waermewerker.de/wp-content/uploads/2026/03/arrow-yellow.svg);
}
.list-white li:last-child, .list-orange li:last-child, .list-blue li:last-child, .list-teal li:last-child, .list-yellow li:last-child{
margin-bottom: 0;
} .zusammenarbeit > div:nth-child(1) {
z-index: 1;
}
.zusammenarbeit:nth-of-type(odd) h3:before {
content: '';
display: inline-block;
position: relative;
margin-top: -1em;
margin-bottom: -0.5em;
margin-left: -1.5em;
height: 1.5em;
width: 1.5em;
background-image: url(//waermewerker.de/wp-content/uploads/2026/03/arrow-blue.svg);
background-repeat: no-repeat;
}
.zusammenarbeit:nth-of-type(even) h3:after {
content: '';
display: inline-block;
position: relative;
margin-top: -1em;
margin-bottom: -0.5em;
margin-right: -1.5em;
height: 1.5em;
width: 1.5em;
background-image: url(//waermewerker.de/wp-content/uploads/2026/03/arrow-blue.svg);
transform: rotate(180deg);
background-repeat: no-repeat;
}
@media (max-width: 990px) {
.zusammenarbeit:nth-of-type(even) h3:after,
.zusammenarbeit:nth-of-type(odd) h3:before {
display: none;
}
}
.pp-accordion-item{
background-color: #ffffff;
border-radius: 30px 0px !important;
} .fl-content-slider-navigation .slider-prev, .fl-content-slider-navigation .slider-next {
position: absolute;
display: inline-block;
opacity: 1;
}
.slider-next .fl-content-slider-svg-container svg,
.slider-prev .fl-content-slider-svg-container svg { 
display: none !important; 
}
.slider-next .fl-content-slider-svg-container,
.slider-prev .fl-content-slider-svg-container {
width: 45px; 
height: 45px;
background: #002746 url(//waermewerker.de/wp-content/uploads/2026/03/arrow.svg) no-repeat center/30%;
display: flex; 
align-items: center; 
justify-content: center;
border: 0; 
border-radius: 50%;
}
.slider-prev .fl-content-slider-svg-container { 
transform: scaleX(-1); 
} .pp-logos-content .pp-logo img {
max-height: 100px;
} .steckbrief table tbody td:nth-of-type(1) {
font-weight: bold;
hyphens: none;
white-space: nowrap;
padding-right: 50px;
}
.steckbrief table tbody td {
vertical-align: top;
width: unset !important;
height: unset !important;
}
body .fl-photo-caption.fl-photo-caption-below {
color: #ffffff;
}
.fancybox-caption__body {
font-size: 20px;
} .wir-sind h3.fl-module-heading {
font-size: min(48px,3vw);
}  .cky-consent-container {
--ww-navy: #002746;
--ww-orange: #d46839;
--ww-off-white: #f5f5f5;
--ww-white: #ffffff;
color: var(--ww-navy) !important;
font-family: "Outfit", sans-serif !important;
} .cky-consent-container .cky-consent-bar {
background: var(--ww-off-white) !important;
border: 0 !important;
border-top: 5px solid var(--ww-orange) !important;
border-radius: 0 !important;
box-shadow: 0 -12px 36px rgba(0, 39, 70, 0.18) !important;
} .cky-consent-container .cky-notice-group {
gap: 32px !important;
} .cky-consent-container .cky-title {
margin-bottom: 8px !important;
color: var(--ww-navy) !important;
font-family: "AllRoundGothic", "Outfit", sans-serif !important;
font-size: 22px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
} .cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des p {
color: var(--ww-navy) !important;
font-family: "Outfit", sans-serif !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.55 !important;
} .cky-consent-container .cky-notice-btn-wrapper {
gap: 10px !important;
} .cky-consent-container .cky-notice-btn-wrapper .cky-btn {
min-height: 48px !important;
margin: 0 !important;
padding: 10px 22px !important;
border: 2px solid transparent !important;
border-radius: 50px !important;
font-family: "AllRoundGothic", "Outfit", sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
transition:
background-color 180ms ease,
border-color 180ms ease,
color 180ms ease,
transform 180ms ease !important;
} .cky-consent-container .cky-btn-customize {
order: 1 !important;
}
.cky-consent-container .cky-btn-reject {
order: 2 !important;
}
.cky-consent-container .cky-btn-accept {
order: 3 !important;
} .cky-consent-container .cky-btn-customize {
color: var(--ww-white) !important;
background: var(--ww-navy) !important;
border-color: var(--ww-navy) !important;
}
.cky-consent-container .cky-btn-customize:hover {
color: var(--ww-navy) !important;
background: transparent !important;
border-color: var(--ww-navy) !important;
transform: translateY(-1px);
} .cky-consent-container .cky-btn-reject,
.cky-consent-container .cky-btn-accept {
color: var(--ww-white) !important;
background: var(--ww-orange) !important;
border-color: var(--ww-orange) !important;
}
.cky-consent-container .cky-btn-reject:hover,
.cky-consent-container .cky-btn-accept:hover {
color: var(--ww-orange) !important;
background: transparent !important;
border-color: var(--ww-orange) !important;
transform: translateY(-1px);
} .cky-consent-container .cky-btn:focus-visible {
outline: 3px solid rgba(212, 104, 57, 0.4) !important;
outline-offset: 3px !important;
} .cky-consent-container [data-cky-tag="powered-by"] {
justify-content: flex-end !important;
color: var(--ww-navy) !important;
opacity: 0.58;
} @media (max-width: 768px) {
.cky-consent-container .cky-notice-group {
gap: 20px !important;
}
.cky-consent-container .cky-title {
font-size: 20px !important;
}
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des p {
font-size: 14px !important;
line-height: 1.5 !important;
}
.cky-consent-container .cky-notice-btn-wrapper {
display: flex !important;
flex-direction: column !important;
gap: 9px !important;
width: 100% !important;
}
.cky-consent-container .cky-notice-btn-wrapper .cky-btn {
width: 100% !important;
min-height: 46px !important;
}
.cky-consent-container [data-cky-tag="powered-by"] {
justify-content: center !important;
}
} .cky-modal-open {
--ww-navy: #002746;
--ww-orange: #d46839;
--ww-off-white: #f5f5f5;
--ww-white: #ffffff;
color: var(--ww-navy) !important;
background: var(--ww-off-white) !important;
border-radius: 18px !important;
box-shadow: 0 32px 80px rgba(0, 39, 70, 0.35) !important;
font-family: "Outfit", sans-serif !important;
} .cky-overlay {
background: rgba(0, 39, 70, 0.72) !important;
backdrop-filter: blur(3px);
} .cky-modal-open .cky-preference-center {
overflow: hidden !important;
color: var(--ww-navy) !important;
background: var(--ww-off-white) !important;
border: 0 !important;
border-radius: 18px !important;
} .cky-modal-open .cky-preference-header {
padding: 22px 24px !important;
background: var(--ww-white) !important;
border-bottom: 1px solid rgba(0, 39, 70, 0.12) !important;
}
.cky-modal-open .cky-preference-title {
color: var(--ww-navy) !important;
font-family: "AllRoundGothic", "Outfit", sans-serif !important;
font-size: 22px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
} .cky-modal-open .cky-btn-close {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important;
height: 36px !important;
background: var(--ww-navy) !important;
border: 0 !important;
border-radius: 50% !important;
transition:
background-color 180ms ease,
transform 180ms ease !important;
}
.cky-modal-open .cky-btn-close img {
width: 12px !important;
height: 12px !important;
filter: brightness(0) invert(1);
}
.cky-modal-open .cky-btn-close:hover {
background: var(--ww-orange) !important;
transform: rotate(6deg);
} .cky-modal-open .cky-preference-body-wrapper {
background: var(--ww-off-white) !important;
}
.cky-modal-open .cky-preference-content-wrapper,
.cky-modal-open .cky-preference-content-wrapper p {
color: var(--ww-navy) !important;
font-family: "Outfit", sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.55 !important;
}
.cky-modal-open .cky-show-desc-btn {
color: var(--ww-orange) !important;
font-family: "Outfit", sans-serif !important;
font-weight: 600 !important;
text-decoration: underline !important;
text-underline-offset: 3px;
}
.cky-modal-open .cky-show-desc-btn:hover {
color: var(--ww-navy) !important;
}
.cky-modal-open .cky-horizontal-separator {
display: none;
} .cky-modal-open .cky-accordion {
overflow: hidden !important;
margin-bottom: 10px !important;
background: var(--ww-white) !important;
border: 1px solid rgba(0, 39, 70, 0.12) !important;
border-radius: 14px !important;
}
.cky-modal-open .cky-accordion-item {
margin: 0 !important;
padding: 14px 16px !important;
}
.cky-modal-open .cky-accordion-btn {
color: var(--ww-navy) !important;
font-family: "AllRoundGothic", "Outfit", sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
}
.cky-modal-open .cky-accordion-header-des,
.cky-modal-open .cky-accordion-header-des p {
color: var(--ww-navy) !important;
font-family: "Outfit", sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
} .cky-modal-open .cky-chevron-right {
border-color: var(--ww-navy) !important;
} .cky-modal-open .cky-always-active {
padding: 3px 10px !important;
color: var(--ww-orange) !important;
background: rgba(212, 104, 57, 0.12) !important;
border-radius: 50px !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.5 !important;
} .cky-modal-open .cky-audit-table {
color: var(--ww-navy) !important;
background: var(--ww-off-white) !important;
border-color: rgba(0, 39, 70, 0.12) !important;
}
.cky-modal-open .cky-cookie-des-table {
border-color: rgba(0, 39, 70, 0.12) !important;
} .cky-modal-open .cky-switch input[type="checkbox"] {
background-color: rgba(0, 39, 70, 0.25) !important;
}
.cky-modal-open .cky-switch input[type="checkbox"]:checked {
background-color: var(--ww-orange) !important;
} .cky-modal-open .cky-switch input[type="checkbox"]::before {
background-color: var(--ww-white) !important;
background-image: none !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 12px 12px !important;
} .cky-modal-open .cky-switch input[type="checkbox"]:checked::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23d46839' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.cky-modal-open .cky-switch input[type="checkbox"]:focus-visible {
outline: 3px solid rgba(212, 104, 57, 0.35) !important;
outline-offset: 3px !important;
} @media (max-width: 425px) {
.cky-modal-open .cky-switch input[type="checkbox"]::before {
background-size: 10px 10px !important;
}
} .cky-modal-open .cky-footer-wrapper {
background: var(--ww-off-white) !important;
}
.cky-modal-open .cky-footer-shadow {
background:
linear-gradient(
180deg,
rgba(245, 245, 245, 0) 0%,
var(--ww-off-white) 100%
) !important;
}
.cky-modal-open .cky-prefrence-btn-wrapper {
display: flex !important;
gap: 10px !important;
padding: 18px 24px 12px !important;
background: var(--ww-off-white) !important;
border-top: 1px solid rgba(0, 39, 70, 0.12) !important;
} .cky-modal-open .cky-prefrence-btn-wrapper .cky-btn {
min-height: 48px !important;
margin: 0 !important;
padding: 10px 20px !important;
border: 2px solid transparent !important;
border-radius: 50px !important;
font-family: "AllRoundGothic", "Outfit", sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
transition:
background-color 180ms ease,
border-color 180ms ease,
color 180ms ease,
transform 180ms ease !important;
} .cky-modal-open .cky-btn-reject {
order: 1 !important;
}
.cky-modal-open .cky-btn-preferences {
order: 2 !important;
}
.cky-modal-open .cky-btn-accept {
order: 3 !important;
} .cky-modal-open .cky-btn-reject,
.cky-modal-open .cky-btn-accept {
color: var(--ww-white) !important;
background: var(--ww-orange) !important;
border-color: var(--ww-orange) !important;
}
.cky-modal-open .cky-btn-reject:hover,
.cky-modal-open .cky-btn-accept:hover {
color: var(--ww-orange) !important;
background: transparent !important;
border-color: var(--ww-orange) !important;
transform: translateY(-1px);
} .cky-modal-open .cky-btn-preferences {
color: var(--ww-white) !important;
background: var(--ww-navy) !important;
border-color: var(--ww-navy) !important;
}
.cky-modal-open .cky-btn-preferences:hover {
color: var(--ww-navy) !important;
background: transparent !important;
border-color: var(--ww-navy) !important;
transform: translateY(-1px);
} .cky-modal-open .cky-prefrence-btn-wrapper .cky-btn:focus-visible {
outline: 3px solid rgba(212, 104, 57, 0.4) !important;
outline-offset: 3px !important;
} .cky-modal-open [data-cky-tag="detail-powered-by"] {
color: var(--ww-navy) !important;
opacity: 0.58;
} @media (max-width: 768px) {
.cky-modal-open,
.cky-modal-open .cky-preference-center {
border-radius: 12px !important;
}
.cky-modal-open .cky-preference-header {
padding: 18px 16px !important;
}
.cky-modal-open .cky-preference-title {
padding-right: 12px !important;
font-size: 19px !important;
}
.cky-modal-open .cky-btn-close {
flex: 0 0 34px !important;
width: 34px !important;
height: 34px !important;
}
.cky-modal-open .cky-accordion-item {
padding: 13px 12px !important;
}
.cky-modal-open .cky-prefrence-btn-wrapper {
flex-direction: column !important;
gap: 9px !important;
padding: 14px 16px 10px !important;
}
.cky-modal-open .cky-prefrence-btn-wrapper .cky-btn {
width: 100% !important;
min-height: 46px !important;
}
} .cky-btn-revisit-wrapper {
--ww-navy: #002746;
--ww-orange: #d46839;
--ww-white: #ffffff;
box-sizing: border-box !important;
width: 46px !important;
height: 46px !important;
background: var(--ww-orange) !important;
border: 3px solid var(--ww-white) !important;
border-radius: 50% !important;
box-shadow: 0 6px 18px rgba(0, 39, 70, 0.2) !important;
transition:
background-color 180ms ease,
box-shadow 180ms ease,
transform 180ms ease !important;
} .cky-btn-revisit-wrapper .cky-btn-revisit {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 50% !important;
} .cky-btn-revisit-wrapper .cky-btn-revisit img {
width: 25px !important;
height: 25px !important;
filter: brightness(0) invert(1) !important;
} .cky-btn-revisit-wrapper:hover,
.cky-btn-revisit-wrapper:focus-within {
background: var(--ww-navy) !important;
box-shadow: 0 9px 24px rgba(0, 39, 70, 0.3) !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit:focus-visible {
outline: 3px solid rgba(212, 104, 57, 0.45) !important;
outline-offset: 4px !important;
} @media (max-width: 480px) {
.cky-btn-revisit-wrapper {
width: 40px !important;
height: 40px !important;
border-width: 2px !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
width: 22px !important;
height: 22px !important;
}
} :is(
.video-placeholder-normal,
.sk-instagram-feed:has(> p:only-child)
) {
display: flex !important;
align-items: flex-end;
justify-content: center;
width: 100% !important;
height: auto !important;
min-height: clamp(320px, 40.625vw, 520px);
box-sizing: border-box;
position: relative;
background:
rgba(178, 176, 176, 0.35)
url(https://cdn-cookieyes.com/assets/images/cky-placeholder.svg)
center / 80px no-repeat !important;
} :is(
.video-placeholder-normal,
.sk-instagram-feed:has(> p:only-child)
) > p {
display: block !important;
max-width: calc(100% - 32px);
margin: 0 0 10px !important;
padding: 10px 16px !important;
box-sizing: border-box;
background: #000 !important;
border: 1px solid #000 !important;
border-radius: 2px;
color: #fff !important;
line-height: 1.45;
text-align: center;
}