/*
Theme Name: WärmeWerker
Theme URI: https://www.hitzlerundsöhne.de
Version: 0.1
Author: Oliver Fleck
Author URI: https://www.oliverfleck.de/
template: bb-theme
*/

@font-face {
    font-family: 'AllRoundGothic';
    src: url('/wp-content/themes/waermewerker/fonts/AllRoundGothic-Book.woff2') format('woff2');
    font-weight: 400; /* Normal */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AllRoundGothic';
    src: url('/wp-content/themes/waermewerker/fonts/AllRoundGothic-Demi.woff2') format('woff2');
    font-weight: 600; /* Semi-Bold / Demi */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('/wp-content/themes/waermewerker/fonts/Outfit-regular.woff2') format('woff2');
    font-weight: 400; /* Regular */
    font-style: normal;
    font-display: swap;
}

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('/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('/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;
}

/* NUR das erste Element der Hauptebene */
header .fl-menu-horizontal > li:first-child { 
    margin-left: 15px;
}

/* NUR das letzte Element der Hauptebene (Orange) */
header .fl-menu-horizontal > li:last-child {
    background-color: #d46839;
    position: relative;
    padding-left: 15px;
    z-index: 1;
    border-radius: 0 50px 50px 0; 
}

/* Die Rundung ("Beule") NUR für das oberste letzte Element */
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;
}

/* Text-Styling NUR für den obersten letzten Link */
header .fl-menu-horizontal > li:last-child > a {
    color: #ffffff !important;
    padding-left: 35px !important;
    padding-right: 30px !important;
}

/* --- Submenü-Reset (Sicherheitshalber) --- */
header .fl-menu-horizontal .sub-menu li {
    background-color: transparent; /* Verhindert das Orange im Submenü */
    border-radius: 0;
    margin: 0;
}
/* 1. Grundzustand für ALLE Top-Level Links (auch die mit Dropdown) */
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; /* Etwas weniger Margin für mehr Platz */
    display: flex; /* Flex hilft, Text und Pfeil sauber im Rahmen zu zentrieren */
    align-items: center;
}

/* 2. Hover-Effekt: Wenn man über das LI fährt (wichtig für Dropdowns!) */
header .fl-menu-horizontal > li:not(:last-child):hover > a {
    border-color: #d46839;
}

/* 3. Aktiv-Zustand: Wenn der Punkt oder ein Kind davon aktiv ist */
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;
}

/* 4. Fix für die Pfeile im Dropdown */
/* Verhindert, dass der Pfeil außerhalb des Rahmens klebt oder ihn verzieht */
header .fl-menu-horizontal > li.menu-item-has-children > a {
    padding-right: 10px !important; /* Platz für den Pfeil schaffen */
}

/* 5. Den letzten Punkt ("Ihre Anfrage") weiterhin vom Rahmen ausschließen */
header .fl-menu-horizontal > li:last-child > a {
    border: 2px solid transparent !important; /* Damit die Größe gleich bleibt */
}

header .fl-menu-horizontal .sub-menu li::before {
    display: none; /* Entfernt die blaue Beule im Submenü */
}

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('/wp-content/uploads/2026/03/arrow.svg');
}

.list-orange li::before {
  background-image: url('/wp-content/uploads/2026/03/arrow-orange.svg');
}

.list-blue li::before {
  background-image: url('/wp-content/uploads/2026/03/arrow-blue.svg');
}

.list-teal li::before {
  background-image: url('/wp-content/uploads/2026/03/arrow-teal.svg');
}

.list-yellow li::before {
  background-image: url('/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-Elemente */

.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('/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('/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;
}

/* Slider Pfeile */

.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('/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); 
}

/* Korrektur Partnerlogo-Slider */
.pp-logos-content .pp-logo img {
	max-height: 100px;
}

/* Referenzen */

.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 Wärmewerker */

.wir-sind h3.fl-module-heading {
font-size: min(48px,3vw);
}