/* Basis */
.wp-block-create-block-neuesinhaltsverzeichnis .lwptoc_item {
  margin: 0 0 .5rem 0;
  line-height: 1.4;
}

.wp-block-create-block-neuesinhaltsverzeichnis .lwptoc_item a {
  text-decoration: none;
}

.wp-block-create-block-neuesinhaltsverzeichnis .lwptoc_item a span {
  
}

/* Aktiver Eintrag */
.wp-block-create-block-neuesinhaltsverzeichnis .lwptoc_item a span.indexActive {
  /* border-bottom-color: currentColor; */
  border-bottom: 1px solid;
  
}

/* Optional: Sticky-Inhalt (Klon) kann hier weiter gestaltet werden */
.lwptoc_i {
  /* z.B. max-height: calc(100vh - 20px); overflow:auto; */
}


/* Inhaltsverzeichnis */
.newindexspan {
	margin-bottom: 10px;
	display: block;
}
.lwptoc_i .lwptoc_header .lwptoc_title {
	font-size: 16px;
	color: #5B5B5B;
}
.lwptoc_i A {
	color: #5B5B5B;
	font-size: 16px;
	line-height: 20px;
	position: relative;
	padding-left: 25px;
}
.lwptoc_i DIV A:before {
	content: "\279C"; 
	position: absolute;
	left: 0;
	color: #CECECE;
	top: 1px;
}

.wp-block-create-block-neuesinhaltsverzeichnis {
	position: sticky;
	top: 10px;
}

.indexActive {
	color: #95c11e !important;
	text-decoration: none !important;
}

.indexActive a {
	color: #95c11e !important;
	text-decoration: none !important;
}

.lwptoc_i A {
	display: block;
}

@media screen and (min-width:1200px) {
	
    #index_container {
      display: flex;
    }
    #index_container .entry-content {
      order: 2;
      padding-left: 20px;
			border-left: 1px solid #E6E6E6;
    }
	.page #index_container .entry-content {
		border-left: none;
	}
	.page-template-template-glossarlike #index_container .entry-content {
		border-left: 1px solid #E6E6E6;
	}
	.page-template-template-glossarlike article .entry-header {
    margin: 30px 0;
}
		.page-template-template-glossarlike article  {
    margin-top: 50px;
}
	 #index_container .lwptoc {
		margin-top: 0;
		     width: 391px;
	}
    .lwptoc-light .lwptoc_i {
      background: #fff !important;
			    padding-right: 45px;
    }
    .lwptoc_header .lwptoc_toggle {
      display: none;
    }
	.lwptoc_itemWrap .lwptoc_item {
		margin-bottom: 10px;
	}
	.lwptoc_items > .lwptoc_itemWrap {
		    overflow: scroll;
    max-height: calc(100vh - 40px);
    padding-right: 40px;
		   
    
	}
	.lwptoc_items > .lwptoc_itemWrap {
		scrollbar-width: none;  
	}
	.lwptoc_items > .lwptoc_itemWrap::-webkit-scrollbar {
    display: none; 
  }


  }
  @media screen and (max-width:1199px) {
		.lwptoc-baseItems {
			color: #333;
    background: #fafafa;
			padding: 14px 18px 18px;
		}
    #index_container {
      display: flex;
      flex-direction: column;
    }
    #index_container .entry-content {
      order: 2;
    }
    .lwptoc_header .lwptoc_toggle {
      display: inline-block;
    }
  }
@media screen and (min-width:1199px) {
	.indexcontainernew {
		flex: 1;
	}
	.entry-content {
		flex: 3;
	}
}
@media screen and (max-width: 700px) {
	.page-template-template-glossarlike .wp-block-cover__inner-container h3 {
		font-size: 28px !important;
	}
	.glossarbegriff-template-default .wp-block-cover__inner-container h3 {
		font-size: 28px !important;
	}
}


.minusmargin {
	margin-top: -6rem;
}

@media screen and (max-width:699px) {
	
.minusmargin {
	margin-top: -3rem;
}
}

.margintopauto {
	margin-top: auto;
}
.spaltenmitflexcolumn {
	display: flex;
    flex-direction: column;
}





/* Grundlegendes Styling für das Inhaltsverzeichnis */
.newindexspan {
    cursor: pointer;
    position: relative;
}

/* Nur auf Screens kleiner als 782px */
@media screen and (max-width: 781px) {
    /* Pfeil-Icon nach dem Titel hinzufügen */
    .newindexspan {
    	    background-color: #2d3746;
    color: white;
    padding: 5px 10px;
    font-size: 20px;
    }
    .newindexspan::after {
        content: '▼';
        margin-left: 8px;
        font-size: 0.8em;
        transition: transform 0.3s ease;
    }
    
    /* Pfeil rotieren wenn aufgeklappt */
    .newindexspan.active::after {
        transform: rotate(-180deg);
    }
    
    /* Inhaltsverzeichnis standardmäßig verstecken */
    .wp-block-create-block-neuesinhaltsverzeichnis {
        display: none;
        overflow: hidden;
    }
    
    /* Inhaltsverzeichnis anzeigen wenn aktiv */
    .wp-block-create-block-neuesinhaltsverzeichnis.show {
        display: block;
        animation: slideDown 0.3s ease;
    }
    
    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}