/*
Theme Name: Freiwillige Feuerwehr Seekirchen
Author: Danijel Marinkovic - Damaro
Template: dt-the7
*/

.einsatz-meta {
	margin: 20px 0 40px 0;
}
.einsatz-meta > p {
	margin-bottom: 0;
}
.einsatzart-counters-hint {
	font-size: 0.8em;
}
    .einsatzart-counters {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      margin-bottom: 1rem;
    }
    .counter-item {
      flex: 1 1 120px;
      text-align: center;
      padding: .75rem;
      border-radius: 8px;
      background: #f0f0f0;
      transition: transform .3s;
    }
    .counter-item:hover {
      transform: translateY(-4px);
    }
    .counter-icon {
      font-size: 2rem;
      margin-bottom: .5rem;
      color: var( --e-global-color-9b5a1b0 );
    }
    .counter-label {
      font-weight: 300;
		color: black;
		font-family: 'Montserrat';
		
      margin-bottom: .25rem;
    }
    .counter-num {
      font-size: 1.5rem;
      font-weight: bold;
		font-family: 'Montserrat';
      color: #212121;
    }

/* DIENSTGRADE ALLE SETZEN */
[data-elementor-type="loop-item"].rank-abi .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/ABI.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-bi .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/BI.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-bm .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/BM.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-br .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/BR.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-fa .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/FA.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-fkur .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/FKUR.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-fm .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/FM.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-hbi .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/HBI.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-hbm .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/HBM.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-hfm .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/HFM.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-hlm .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/HLM.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-hv .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/HV.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-hvi .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/HVI.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-lm .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/LM.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-obm .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/OBM.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-obi .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/OBI.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-obr .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/OBR.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-ofm .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/OFM.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-olm .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/OLM.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-ov .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/OV.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-ovi .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/OVI.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-pfm .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/PFM.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-v .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/V.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
[data-elementor-type="loop-item"].rank-vi .overlaybox {
  background-image: url('/wp-content/uploads/dienstgrade/VI.png') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}



.mannschaft-title {
	height: 44px;
	display: flex !important;
	align-items: center;
}


/* Variante A: Hintergrundbild des ::before entfernen */
.elementor-element-46d03eed::before {
  background-image: none !important;
}

/* Variante B: das gesamte pseudo-Element ausblenden */
.elementor-element-46d03eed::before {
  display: none !important;
}

.breadcrumbs > a, .breadcrumbs, .ffbreadcrumb > div > a, .ffbreadcrumb > a, .ffbreadcrumb > div {
	color: white;
	flex-flow: wrap;
	justify-content: flex-end;
	font-family: var( --e-global-typography-el_f_paragraph_xs-font-family ), Sans-serif;
	font-size: var( --e-global-typography-el_f_paragraph_xs-font-size );
	font-weight: var( --e-global-typography-el_f_paragraph_xs-font-weight );
	text-transform: var( --e-global-typography-el_f_paragraph_xs-text-transform );
	font-style: var( --e-global-typography-el_f_paragraph_xs-font-style );
	text-decoration: var( --e-global-typography-el_f_paragraph_xs-text-decoration );
	line-height: var( --e-global-typography-el_f_paragraph_xs-line-height );
	color: var( --e-global-color-el_c_white_transparent );
}












/* Ziel: Links im Elementor Nav-Menu */
.elementor-nav-menu--main .elementor-item {
  position: relative;
  overflow: hidden;
}

.elementor-nav-menu--main .elementor-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12px; /* Höhe der Welle */
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20'><path fill='none' stroke='%23000000' stroke-width='2' d='M0 10 Q 10 0, 20 10 T 40 10 T 60 10 T 80 10 T 100 10 T 120 10'/></svg>") repeat-x;
  background-size: contain;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.elementor-nav-menu--main .elementor-item:hover::after,
.elementor-nav-menu--main .elementor-item:focus::after {
  transform: translateY(0);
}

.einsatz-year-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

.year-btn {
  flex: 1 1 22%;         /* etwa 1/4, inkl. gap */
  max-width: 200px;        /* niemals breiter als 1/4 */
  text-align: center;
  padding: .75rem;
  border-radius: 8px;
  color: white;
  background: var(--e-global-color-9767ddd);
  transition: transform .3s;
}


.year-btn:hover {
	color: white;
	transform: translateY(-4px);
}



.mehrlesenbtn {
	font-size: 0.8em;
	font-family: montserrat;
}




/* === Nur im Elementor Header aktiv === */
.elementor-location-header a.mega-menu-img { position: relative; }

.elementor-location-header a.mega-menu-img::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 100px;
  height: 14px;
  transform: translateX(-50%);
  pointer-events: none;

  /* Welle (Mask) */
  background-color: #9f2a2a;
  -webkit-mask-image: url('https://ff.damaro.at/wp-content/uploads/2025/10/welle.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: 50% 50%;
  mask-image: url('https://ff.damaro.at/wp-content/uploads/2025/10/welle.svg');
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: 50% 50%;

  opacity: 0;
  transition: opacity .25s ease;
}

/* Hover: pulsierende Welle */
@keyframes wavePulse {
  0%   { opacity: .4; filter: brightness(1); }
  50%  { opacity: 1;  filter: brightness(1.25); }
  100% { opacity: .6; filter: brightness(1); }
}
.elementor-location-header li.depth-0:hover > a.mega-menu-img::after {
  opacity: 1;
  animation: wavePulse 1.4s ease-in-out infinite;
}

/* Aktiver Menüpunkt: statische Welle */
.elementor-location-header li.depth-0.current-menu-item > a.mega-menu-img::after,
.elementor-location-header li.depth-0.current_page_item > a.mega-menu-img::after,
.elementor-location-header li.depth-0.current-menu-ancestor > a.mega-menu-img::after,
.elementor-location-header li.depth-0.act > a.mega-menu-img::after {
  opacity: 1;
  animation: none;
  filter: brightness(1.1);
}

/* Smartphones: ausblenden */
@media (max-width: 767.98px) {
  .elementor-location-header a.mega-menu-img::after { content: none !important; }
}

/* Bewegungs-Respekt */
@media (prefers-reduced-motion: reduce) {
  .elementor-location-header li.depth-0:hover > a.mega-menu-img::after {
    animation: none;
    opacity: 1;
  }
}

/* === Sicherheit: Footer-/andere Menüs deaktivieren === */
nav.dt-nav-menu--main.dt-nav-menu__container .dt-nav-menu > li > a::after {
  content: none !important;
  animation: none !important;
  filter: none !important;
}




.einsatz-facts{
  display:grid;
  grid-template-columns:max-content 1fr;
  column-gap:1.2rem;
  row-gap:.35rem;
  margin:1rem 0 1.5rem;
}
.einsatz-facts dt{
  margin:0;
  font-weight:500;
  color:#555;
  display:flex;
  align-items:center;
  gap:.35rem;
}
.einsatz-facts dt i{
  color:#9f2a2a;
  width:1.1em;
  text-align:center;
}
.einsatz-facts dd{
  margin:0;
  color:#666;
  font-variant-numeric:tabular-nums;
}



/* LINKS REPARIEREN */

.elementor-tab-content a, .the7-e-tab-content.the7-e-tab-text-content a, .box-description a, .e-hotspot__tooltip a, .e-inner-tab-content a, .elementor-widget-text-editor a, .comment-respond a, footer li.menu-item > a{
	text-decoration: none;
	opacity: 1;
	transition: opacity 0.5s ease;
}
.elementor-tab-content a:hover, .the7-e-tab-content.the7-e-tab-text-content a:hover, .box-description a:hover, .e-hotspot__tooltip a:hover, .e-inner-tab-content a:hover, .elementor-widget-text-editor a:hover, .comment-respond a:hover,footer li.menu-item > a:hover {
	opacity: 0.5;
}

.timeline-panel .tl-content {display: block;}
.timeline-right, .timeline-inverted {list-style:none;}

.titelundbreadcrumb .e-con-inner {
	padding-block-end: 20px;
	padding-block-start: 0;
}

.seitentitel h1 {
	margin-bottom: 0;
}

.titelundbreadcrumb2 .e-con-inner {
	padding-block-end: 40px;
	padding-block-start: 20px;
	align-items: center !important;
}
.überschrift > h3 {
	margin-bottom: 0;
}

/* icons ffärben 
.verhalten .elementor-accordion-item:nth-child(2) .elementor-icon .st1 {
	fill:blue;
}
*/



/* Nur das rechte Logo-Icon im 2. Accordion-Item anfassen */
.verhalten .elementor-accordion-item:nth-of-type(2)
  .elementor-accordion-tab-icon .elementor-icon svg .st0 {
    fill: #008755 !important; /* grün */
}

.verhalten .elementor-accordion-item:nth-of-type(2)
  .elementor-accordion-tab-icon .elementor-icon svg .st1 {
    fill: #ffffff !important; /* weißer Hintergrund, falls Elementor reinpfuscht */
}

.verhalten .elementor-accordion-item .elementor-accordion-tab-icon .elementor-icon svg {
    height: 50px;
	width: auto;/* weißer Hintergrund, falls Elementor reinpfuscht */
}
.the7-adv-accordion span.elementor-accordion-tab-icon.elementor-accordion-icon.elementor-accordion-icon-right {
	margin-left: auto !important;
}