/*  Basisbild BI */
.overlay-base {
    position: relative;
    display: inline-block;
    z-index: 1;
}


/* Basisbild IS */
.overlay_IS{
    position:relative;
	display: inline-block;
    z-index:1;
}

/* Text */
.kaefer_text_IS{
    position:absolute;
    left:66px;
    top:494px;
    z-index:11;
    opacity:0;
    transform: scale(0.4);
    transition:all .3s ease;
}
.libelle-text{
    position:absolute;
    left:450px;
    top:85px;
    z-index:11;
    opacity:0;
    transition:all .3s ease;
}
.specht-text{
    position:absolute;
    left:150px;
    top:80px;
    z-index:11;
    opacity:0;
		transform: scale(0.7);
    transition:all .3s ease;
}
.schmetterling-text{
    position:absolute;
    left:120px;
    top:440px;
    z-index:11;
    opacity:0;
    transition:all .3s ease;
}
.kaefer-text{
    position:absolute;
    left:230px;
    top:700px;
    z-index:11;
    opacity:0;
    transition:all .3s ease;
}
/* Blink */
.kaefer_blink_IS{
    position:absolute;
    left:180px;
    top:480px;
	transform: scale(0.3);
    z-index:10;
    animation:overlayBlink 1.2s ease-in-out 1;
    animation-delay:1s;
transition:opacity .3s ease;
}
.libelle-blink{
    position:absolute;
    left:480px;
    top:80px;
    z-index:10;
   animation:overlayBlink 1.2s ease-in-out 1;
    animation-delay:1s;
transition:opacity .3s ease;
}
.specht-blink{
    position:absolute;
    left:210px;
    top:100px;
    z-index:10;
		transform: scale(0.4);
   animation:overlayBlink 1.2s ease-in-out 1;
    animation-delay:1s;
transition:opacity .3s ease;
}
.schmetterling-blink{
    position:absolute;
    left:80px;
    top:450px;
    z-index:10;
		transform: scale(0.6);
  	animation:overlayBlink 1.2s ease-in-out 1;
    animation-delay:1s;
		transition:opacity .3s ease;
}
.kaefer-blink{
    position:absolute;
    left:150px;
    top:700px;
    z-index:10;
		transform: scale(0.5);
  	animation:overlayBlink 1.2s ease-in-out 1;
    animation-delay:1s;
		transition:opacity .3s ease;
}

/* Hover IS */
.overlay_IS:has(.kaefer_text_IS:hover) .kaefer_blink_IS {
    opacity: 0;
}
.overlay_IS:has(.kaefer_text_IS:hover) .kaefer_text_IS {
    opacity: 1;
}
.kaefer_text_IS:hover {
    opacity: 1; transform: scale(0.4);
}
.kaefer_blink_IS:hover {
    opacity: 0 !important;
}


/* Hover BI */
/* Libelle */
.overlay-base:has(.libelle-text:hover) .libelle-blink {
    opacity: 0;
}
.overlay-base:has(.libelle-text:hover) .libelle-text {
    opacity: 1;
}
.libelle-text:hover {
    opacity: 1; transform: scale(1.1);
}
.libelle-blink:hover {
    opacity: 0 !important;
}
.wp-block-group:has(.libelle-text:hover) .libelle-blink {
    opacity: 0 !important;
}
/* Specht */
.overlay-base:has(.specht-text:hover) .specht-blink {
    opacity: 0;
}
.overlay-base:has(.specht-text:hover) .specht-text {
    opacity: 1;
}
.specht-text:hover {
    opacity: 1; transform: scale(0.7);
}
.specht-blink:hover {
    opacity: 0 !important;
}
.wp-block-group:has(.specht-text:hover) .specht-blink {
    opacity: 0 !important;
}
.wp-block-group:has(.specht-blink:hover) .specht-text {
    opacity: 1 !important; transform:scale(0.7);
}
/* Schmetterling */
.overlay-base:has(.schmetterling-text:hover) .schmetterling-blink {
    opacity: 0;
}
.overlay-base:has(.schmetterling-text:hover) .schmetterling-text {
    opacity: 1;
}
.schmetterling-text:hover {
    opacity: 1; transform: scale(0.87);
}
.schmetterling-blink:hover {
    opacity: 0 !important;
}
.wp-block-group:has(.schmetterling-text:hover) .schmetterling-blink {
    opacity: 0 !important;
}
/* Käfer */
.overlay-base:has(.kaefer-text:hover) .kaefer-blink {
    opacity: 0;
}
.overlay-base:has(.kaefer-text:hover) .kaefer-text {
    opacity: 1;
}
.kaefer-text:hover {
    opacity: 1; transform: scale(1.1);
}
.kaefer-blink:hover {
    opacity: 0 !important;
}
.wp-block-group:has(.kaefer-text:hover) .kaefer-blink {
    opacity: 0 !important; 
}
.wp-block-group:has(.kaefer-blink:hover) .kaefer-text {
    opacity: 1 !important; transform: scale(1.1);
}
/* 2x Blinken */
@keyframes overlayBlink {
  0%   { opacity: 0; }
  20%  { opacity: 1; }
  40%  { opacity: 0; }
  60%  { opacity: 1; }
  80%  { opacity: 0; }
  100% { opacity: 1; }
}